全局属性
id
id属性是元素在网页内的唯一标识符
<p id="p1"></p>
id属性的值必须是全局唯一的，同一个页面不能有两个相同的id属性
id属性的值还可以在最前面加上#，使此元素变成可被定位的锚点。当用户访问带上 #xx 时，浏览器会自动将页面滚动到 bar 的位置
class
class属性用来对网页元素进行分类，元素可以同时具有多个 class，它们之间使用空格分隔
<p class="p1 p2 p3"></p>
title
title属性用来为元素添加附加说明。大多数浏览器中，鼠标悬浮在元素上面时，会将title属性值作为浮动提示，显示出来
style
style属性用来指定当前元素的 CSS 样式
hidden
hidden是一个布尔属性，表示当前的网页元素不再跟页面相关，因此浏览器不会渲染这个元素，所以就不会在网页中看到
不会响应点击事情，不过可以通过 JS 获取到此元素
tabindex
浏览器允许使用 Tab 键，遍历网页元素。只要不停按下 Tab 键，网页的焦点就会从一个设置 tabindex 的元素转移到另一个设置 tabindex 的元素
tabindex属性的值是一个整数，表示用户按下 Tab 键的时候，网页焦点转移的顺序
- 负整数：该元素可以获得焦点（比如使用 JavaScript 的
focus()方法），但不参与 Tab 键对网页元素的遍历。这个值通常是-1 0：该元素参与 Tab 键的遍历，顺序由浏览器指定，通常是按照其在网页里面出现的位置- 正整数：网页元素按照从小到大的顺序（1、2、3、……），参与 Tab 键的遍历。如果多个元素的
tabindex属性相同，则按照在网页源码里面出现的顺序遍历
- 一般来说，
tabindex属性最好都设成0，按照自然顺序进行遍历- 如果所有元素都没有设置
tabindex，那么只有那些默认可以遍历的元素（比如链接、输入框等）才能参与 Tab 键的遍历，顺序由其位置决定
事件处理属性
事件处理属性可以用来响应用户的动作，通过 on+事件type来绑定
data-属性
data-属性用于放置自定义数据。如果没有其他属性或元素合适放置数据，就可以放在data-属
data-属性可以被 CSS 或 JavaScript 利用
contenteditable
HTML 网页的内容默认是用户不能编辑，contenteditable属性允许用户修改内容
true或空字符串：内容可以编辑false：不可以编辑
spellcheck
浏览器一般会自带拼写检查功能，编辑内容时（一般需要和contenteditable 一起使用），拼错的单词下面会显示红色的波浪线。spellcheck属性就表示，是否打开拼写检查
true：打开拼写检查false：关闭拼写检查
lang，dir
lang属性指定网页元素使用的语言
<p lang="en">hello</p>
<p lang="zh">你好</p>
下面是一些常见的语言代码：
- zh：中文
- zh-Hans：简体中文
- zh-Hant：繁体中文
- en：英语
- en-US：美国英语
- en-GB：英国英语
- es：西班牙语
- fr：法语
dir属性表示文字的阅读方向
ltr：从左到右阅读，比如英语。rtl：从右到左阅读，阿拉伯语、波斯语、希伯来语都属于这一类。auto：浏览器根据内容的解析结果，自行决定。
accesskey
accesskey属性指定网页元素获得焦点的快捷键，该属性的值必须是单个的可打印字符。只要按下快捷键，该元素就会得到焦点
accesskey属性的字符键，必须配合功能键，一起按下才会生效，比如，Chrome 浏览器在 Windows 系统和 Linux 系统的快捷键是Alt + 字符键，在 Mac 系统的快捷键是Ctrl + Alt + 字符键
accesskey如果跟操作系统或浏览器级别的快捷键有冲突，这时不会生效。