id
-
id属性是元素在网页内唯一的标识符， 必须是全局且唯一的 -
id的属性值不能包含空格 -
id也可以作为锚点(achor)使用，在链接前加上#
<a href="#tz">点击跳转到第二个div</a>
<div class="div">第一个div</div>
<div id="tz">第二个div</div>
class
-
class是对元素进行一个分类，全局不唯一 -
class的属性值可以包含空格
<div class="hello world"></div>
表示这个div同时拥有hello和world两个class
title
-
title是对于元素的一个说明 - 当鼠标悬浮元素时显示
title的属性值,鼠标移开就消失
<div title="hello world">悬浮显示</div>
tabindex
-
tabindex设置的用意就是不使用鼠标来遍历网页元素 -
tabindex值为负整数（一般为-1），则该元素会获得焦点，但不会遍历该元素 -
tabindex值为0，则按元素在网页里出现的顺序来遍历 -
tabindex值为正整数，则按这些数的大小来遍历
accesskey
-
accesskey属性指定网页元素会获得焦点 -
accesskey值一般是单个可打印的字符
<div accesskey="s">第二个div</div>
- 按下功能键和
accesskey指定的字符键可以让其获得焦点
style
- 直接在元素内定义
css样式,其优先级最高 -
style的属性值之前以;分开
hidden
-
hidden是一个布尔值属性，只有true和false -
hidden出现代表true,且隐藏元素
<div hidden>第一个div</div>
dir
-
dir表示阅读文字的方向，从左到右(ltr),从右到左('rtl),根据内容解析(auto`)
lang
- 表示语种，汉语表示
zh,英语表示en
<p lang="en">helll world</p>
<p lang="zh">世界你好</p>
contenteditable
- 表示是否可编辑，有两个值，一个是
true,一个是false
<p contenteditable="true">hello,world</p>
spellcheck
- 用于拼写检查，但是前提是可编辑，即
contenteditable="true" - 属性值一个是
true,一个是false - 拼错的单词底下会标注红色波浪线
<p contenteditable="true" spellcheck="true" >英语单词word容易被我写成wod</p>
