html元素属性有:accesskey、class、contenteditable、contextmenu、“data-*”、dir、draggable、dropzone、hidden、id、lang、spellcheck、style等等。

html元素的属性有什么用(html元素的属性有什么用处)

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

什么是属性

属性可以为 HTML 标签提供一些额外信息,或者对 HTML 标签进行修饰。属性需要添加在开始标签中,语法格式为:

attr="value"

attr 表示属性名,value 表示属性值。属性值必须使用双引号" "或者单引号' '包围。

注意,虽然双引号和单引号都可以包围属性值,但是为了规范和专业,请尽量使用双引号。

一个标签可以没有属性,也可以有一个或者多个属性。

HTML 属性有很多,大体可以分为两类:

  • 有些属性适用于大部分或者所有 HTML 标签,我们将这些属性称为通用属性;

  • 有些属性只适用于一个或者几个特定的 HTML 标签,我们将这些属性称为专用属性。

通用属性(全局属性)

属性描述
accesskey设置访问元素的键盘快捷键。
class规定元素的类名(classname)
contenteditable规定是否可编辑元素的内容。
contextmenu指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单
data-*用于存储页面的自定义数据
dir设置元素中内容的文本方向。
draggable指定某个元素是否可以拖动
dropzone指定是否将数据复制,移动,或链接,或删除
hiddenhidden 属性规定对元素进行隐藏。
id规定元素的唯一 id
lang设置元素中内容的语言代码
spellcheck检测元素是否拼写错误
style规定元素的行内样式(inline style)
tabindex设置元素的 Tab 键控制次序。
title规定元素的额外信息(可在工具提示中显示)
translate指定是否一个元素的值在页面载入时是否需要翻译

专用属性

下面给大家介绍几个常用标签的属性

<a> 标签的属性

属性描述
charsetchar_encodingHTML5 不支持。规定目标 URL 的字符编码。
coordscoordinatesHTML5 不支持。规定链接的坐标。
downloadfilename指定下载链接
hrefURL规定链接的目标 URL。
hreflanglanguage_code规定目标 URL 的基准语言。仅在 href 属性存在时使用。
mediamedia_query规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
namesection_nameHTML5 不支持。规定锚的名称。
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
revtextHTML5 不支持。规定目标 URL 与当前文档之间的关系。
shapedefault
rect
circle
poly
HTML5 不支持。规定链接的形状。
target_blank
_parent
_self
_top
framename

规定在何处打开目标 URL。仅在 href 属性存在时使用。

  • _blank:新窗口打开。
  • _parent:在父窗口中打开链接。
  • _self:默认,当前页面跳转。
  • _top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。
typeMIME_type规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。

<form> 标签的属性

属性描述
acceptMIME_typeHTML5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的)
accept-charsetcharacter_set规定服务器可处理的表单数据字符集。
actionURL规定当提交表单时向何处发送表单数据。
autocompleteon
off
规定是否启用表单的自动完成功能。
enctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况)
methodget
post
规定用于发送表单数据的 HTTP 方法
nametext规定表单的名称。
novalidatenovalidate如果使用该属性,则提交表单时不进行验证。
target_blank
_self
_parent
_top
规定在何处打开 action URL。

<html> 标签的属性

属性描述
manifestURL定义一个 URL,在这个 URL 上描述了文档的缓存信息。
xmlnshttp://www.w3.org/1999/xhtmlHTML 不支持。只有 XHTML 支持。规定 XML 的 namespace 属性(如果您需要您的内容符合 XHTML,则使用这个属性。)。

<option> 标签的属性

属性描述
disableddisabled规定此选项应在首次加载时被禁用。
labeltext定义当使用 <optgroup> 时所使用的标注。
selectedselected规定选项(在首次显示在列表中时)表现为选中状态。
valuetext定义送往服务器的选项值。

。。。。

相关推荐:《html视频教程》

以上就是html元素属性有哪些的详细内容,更多请关注AdminJS其它相关文章!

adminjs.Cn 工作生活学习必备

声明:本文仅供个人学习使用,来源于互联网,本文有改动,本文遵循[BY-NC-SA]协议, 如有侵犯您的权益,请联系本站,本站将在第一时间删除。谢谢你

原文地址:html元素的属性有什么用(html元素的属性有什么用处)