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>
来源: http://www.jianshu.com/p/c06af5fe2d51