简介

公共属性大致可分为基本属性、语言属性、键盘属性、内容属性和延伸属性等类型。

属性（ attribute ）提供了与 HTML 标签相关的额外信息，它们是在 HTML 标签内使用的特殊代码字，用于精确控制标签所做的事情。甚至在最简单的 Web 内容中，它们也非常重要，因此熟练地使用它们就是很重要的。

基本属性

属性涉及使用将应用于特定标签的样式、类或 ID 。

以下标签不拥有基本属性

html 、 head 文档和头部基本结构
title 网页标题
base 网页基准信息
meta 网页元信息
param 元素参数信息
script 、 style 网页的脚本和样式

元素属性

id ，元素在文档中的唯一标识符
title ，包含元素的额外信息，通常以提示条形式展示
lang ，元素内容的语言代码
dir ，语言的书写方向（"ltr"表示从左到右，"rtl"表示从右到左，同样很少用）
className ，相当于 class 属性，用于指定元素的 CSS 类（因为 class 是 ECMAScript 关键字，所以不能直接用这个名字）

语言属性

lang 定义元素的语言代码或编码
dir 定义文本的方向，包括 ltr 和 rtl 取值，分别表示从左向右和从右向左

下列元素不拥有语言属性

frameset 、 frame 、 iframe 网页框架结构
br 换行标识
hr 结构装饰线
base 网页基准信息
param 元素参数信息
script 网页的脚本

键盘属性

accesskey 定义访问某元素的键盘快捷键
tabindex 定义元素的 Tab 键索引编号

使用 accesskey 属性可以使用快捷键（ Alt+ 字母）访问指定 URL ，但是浏览器不能很好地支持，在 IE 中仅激活超链接，需要配合 Enter 键确定，而在 Firefox 中没有反应。

内容属性

alt 定义元素的替换文本
title 定义元素的提示文本
longdesc 定义元素包含内容的大段描述信息
cite 定义元素包含内容的引用信息
datetime 定义元素包含内容的日期和时间

title 属性可以使用在除了 base 、 basefont 、 head 、 html 、 meta 、 param 、 script 、 title 之外的所有标签中。

alt 和 title 是两个常用的属性，分别定义元素的替换文本和提示文本，但是很多设计师习惯于混用这两个属性，没有刻意去区分它们的语义性。实际上，除了 IE 浏览器，其它标准浏览器都不会支持它们的混用，但是由于 IE 浏览器的纵容，才导致了很多设计师误以为 alt 属性就是设置提示文本的。

替换文本（ Alternate Text ）并不是用来做提示（ Tool Tip ）的，或者更加确切地说，它并不是为图像提供额外说明信息的。相反， title 属性才负责为元素提供额外说明信息。

如果要为元素定义更长的描述信息，则应该使用 longdesc 属性。 longdesc 属性可以用来提供链接到一个包含图片描述信息的单独页面或者长段描述信息。

cite 一般用来定义引用信息的 URL 。

datetime 属性定义包含文本的时间，这个时间表示信息的发布时间，也可能是更新时间。

title

可以利用 title 属性为文档中的任何部分加上提示性标签。加上后更利于屏幕阅读器为用户朗读文本。

role

role 是新增属性，作用是告诉 Accessibility 类应用当前元素所扮演的角色，主要供残疾人使用。使用 role 可以提高文本的可读性和语义性。

role 主要用于文档结构和表单中。

已下是常用：

role="banner"( 横幅 ) 添加在页面级的 header 元素，每个页面只能用一次 role="navigation" ( 导航 ) 与 nav 对应，并添加到 nav 元素 role="main"( 主体 ) 与 main 对应，也可以添加到其它元素，但，每个页面仅能使用一次 role="complementary"( 补充性内容 ) 与 aside 对应，也可以添加到 div 上 role="contentinfo"( 内容信息 ) 添加到页脚之上

基本属性​

元素属性​

语言属性​

键盘属性​

内容属性​

title​

role​