html5权威指南第三、四章

1. HTML5和之前的版本区别
   HTML5是HTML的新一代标准。以前版本的HTML标准4.01发布于1999。自1999年以后，web已经有了翻天覆地的变化。HTML5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML+CSS3+JS+API。
   在文档类型声明上：

html5:

在结构语义上：
Html没有体现结构语义化的标签，而html5提供了一些新的标签，比如

等。

2. HTML文档外层结构由DOCTYPE和html两个元素组成。
   DOCTYPE的作用：让浏览器明白所处理的是HTML类型。
   html中包含head元素和body元素。
   Head元素用以说明元数据，规定文档与外部资源的关系，定义内嵌CSS样式，放置和载入脚本程序。
   Body元素用以说明浏览器应该显示的部分。
3. HTML5的全局属性，可以用在任意元素上。

1. Accesskey属性: 为页面上的元素设置快捷键。如。那么页面上按Alt+n就定位到Input输入框。
2. Class属性：将元素归类，一个元素可以被规定多个类。比如w3c web site.将a元素规定为两个类，class1和class2.中间用空格分开。
3. Contenteditable属性：html5新增，目的为了让用户可以修改页面上的内容。如：

   it is good!

   。属性值设置为true,内容可以修改，设置为false即不能修改，不设置则自动继承父元素该属性的值。
4. Contextmenu属性：为元素设定快捷菜单。（略，目前无支持该属性的浏览器）
5. Dir属性：规定元素中文字的方向。如

   this is left to right

   则将左边作为显示的起始位置。

   this is right to left

   则从右侧作为显示的起始位置。
6. Draggable属性：规定元素是否可以被拖放。有三个值，true表示可以被拖放，false表示不可被拖放，auto表示由浏览器自主决定是否可被拖放。
7. Dropzone属性：与draggable搭配使用，表示元素上拖动数据时，是否拷贝、移动或链接被拖动数据。有三个属性值，copy表示拖动数据会产生被拖动数据的副本。Move表示拖动数据会导致被拖动数据被移动到新位置。Link表示拖动数据会产生指向原始数据的链接。
8. Hidden属性：浏览器不显示该元素。
9. Id属性:给元素分配一个唯一的标识符。
10. Lang属性：说明元素内容使用的语言。

    hello world!

11. Spellcheck属性：只有用在用户可以编辑的元素上才有意义。表明浏览器是否对该元素的内容进行检查。this is mispelled text。显示结果就是mispelled下面有红线。
12. Style属性：定义元素的css样式。
13. Tabindex属性：控制按tab键时键盘焦点的转移顺序。比如

那么按下tab键，先定位在1，然后是2，然后是3。注意，-1不被定位。

14. Title提供了元素的额外信息，浏览器通常用这些东西显示工具提示。比如：visit the apress site。鼠标放在“visit the apress site”上面，就会有apress publishing的提示。
    第四章 CSS

1. 样式的层叠

1. 元素内嵌样式。
2. 文档内嵌样式。
3. 外部样式。
4. 用户样式
5. 浏览器样式（即浏览器默认样式）。

2. 调整层叠次序
   把样式属性值标记为important，即可改变正常的层叠次序。
   如
   这样如果也有元素内嵌样式，则优先级要高于元素内嵌样式。