从0开始学习HTML5+CSS3（2）

HTML属性

一、核心属性：

class：定义类规则或样式规则。
id：定义元素的唯一标识。
style：定义元素的样式声明。

以下元素不拥有核心属性：html、head、title、base、meta、param、script、style。这些元素一般位于文档头部区域，用来定义网页元信息。

二、语言属性：

lang：定义属性的语言代码或编码。
dir：定义文本方向，包括ltr和rtl取值，分别表示从左向右和从右向左。
以下元素不拥有语言属性：frameset、frame、iframe、br、hr、base、param、script。

三、键盘属性：

accesskey：定义访问某元素的键盘快捷键。使用快捷键（Alt+字母）访问指定URL。
tabindex：定义元素的Tab键索引编号。可以使用Tab键遍历页面中的所有链接和表单元素。遍历时会按照tabindex的大小决定顺序，当遍历到某个链接时，按Enter键即可打开链接页面。

四、内容属性：

alt：定义元素的替换文本。此属性只能在img、area和input元素中使用，当图像无法显示时，替换的文本来替换无法显示的图像。
title：定义元素的提示文本。
longdesc：定义元素包含内容的大段描述信息。
cite：定义元素包含内容的引用信息。
datetime：定义元素包含内容的日期和时间。

五、表单属性：

autofocus：指定属性的方式让元素在画面打开时自动获得焦点。
placeholder：对用户的输入进行提示，提示用户可以输入的内容。
form：声明它属于哪个表单，然后将其放置在页面上的任何位置而不是表单之内。
required：表示在用户提交的时候进行检查，检查该元素内一定要有输入内容。
multiple：允许上传文件时一次上传多个文件。
novalidate：可以取消提交时进行的有关检查，表单可以被无条件提交。

六、链接属性：

media：规定目标URL是为什么类型的媒介/设备进行优化的，只能在href属性存在时使用。
rel：以保持a元素、link元素的一致性。
sizes：可与icon元素结合使用（通过rel属性），指定关联图标（icon元素）的大小。
target：保持与a元素的一致性。

七、其他属性：

rel：定义当前页面与其他页面的关系。（从源文档到目标文档的关系）
rev：定义其他页面与当前页面之间的链接关系。（从目标文档到源文档的关系）
reversed：指定列表倒序显示。
charset：为文档的字符编码的指定提供了一种比较良好的方式。
label：为菜单定义一个可见的标注。
type：让菜单可以以上下文菜单、工具条与列表菜单3种形式出现。
scoped：规定样式的作用范围。
async：定义脚本是否异步执行。
manifest：开发离线Web应用程序时它与API结合使用，定义一个URL，在这个URL上描述文档的缓存信息。
sandbox、seamless、srcdoc：用来提高页面安全性，防止不信任的Web页面执行某些操作。

全局属性：

1、contentEditable属性：

允许用户可以在线编辑元素中的内容。是一个布尔值属性，可以被指定为true或false。
该属性还有一个隐藏的inherit（继承）状态，属性为true时，元素被指定为允许编辑；属性为false时，元素被指定为不允许编辑；未指定时，则由inherit状态来决定，如果元素的父元素是可编辑的，则该元素就是可编辑的。

contextmenu属性：

用于定义<div>元素的上下文菜单。上下文菜单在用户右键单击元素时出现。
（目前只有Firefox支持该属性）

data-*属性：

可以自定义用户属性。
1.用于存储页面或Web应用的私有自定义数据。
2.赋予所有HTML元素嵌入自定义data属性的能力。
3.data-*属性的属性名不应该包括任何大写字母，并且在前缀”data-”之后必须有至少一个字符。属性值可以是任意字符串。

draggable属性：

定义元素是否被拖动。
·true：可拖动。
·false：不可拖动。
·auto：使用浏览器的默认行为。

dropzone属性：

定义在元素上拖动数据时，是否复制、移动或链接被拖动的数据。（目前所有主流浏览器都不支持该属性）
·copy：拖动数据会产生被拖动数据的副本。
·move：拖动数据会导致被拖动数据被移动到新位置。
·link：拖动数据会产生指向原始数据的链接。

hidden属性：

设置元素的可见状态，取值为一个布尔值。可用于防止用户查看元素，直到匹配某些条件，如选择了某个复选框，然后，在页面加载之后，可以使用JavaScript脚本删除该属性，删除之后该元素变为可见状态，同时元素中的内容也可即时显示出来。（除IE外都支持该属性）
·true：元素处于不可见状态。
·false：元素处于可见状态。

spellcheck属性：

定义是否对元素进行拼写和语法检查。可对input元素中的文本值（非密码）、元素中的文本和可编辑元素中的文本进行编辑。
·true：对元素进行拼写和语法检查。
·false：不检查元素。

translate属性：

定义是否应该翻译元素内容
·yes：定义应该翻译元素内容。
·no：定义不应翻译元素内容。