- HTML5和之前的版本区别
HTML5是HTML的新一代标准。以前版本的HTML标准4.01发布于1999。自1999年以后，web已经有了翻天覆地的变化。HTML5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML+CSS3+JS+API。
在文档类型声明上：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
html5:
<!doctype html>
在结构语义上：
Html没有体现结构语义化的标签，而html5提供了一些新的标签，比如<header><article><footer>等。
- HTML文档外层结构由DOCTYPE和html两个元素组成。
DOCTYPE的作用：让浏览器明白所处理的是HTML类型。
html中包含head元素和body元素。
Head元素用以说明元数据，规定文档与外部资源的关系，定义内嵌CSS样式，放置和载入脚本程序。
Body元素用以说明浏览器应该显示的部分。 - HTML5的全局属性，可以用在任意元素上。
- Accesskey属性: 为页面上的元素设置快捷键。如<input type=”text” name=”name” accesskey=”n”/>。那么页面上按Alt+n就定位到Input输入框。
- Class属性：将元素归类，一个元素可以被规定多个类。比如<a class=”class1 class2” href=http://w3c.org>w3c web site</a>.将a元素规定为两个类，class1和class2.中间用空格分开。
- Contenteditable属性：html5新增，目的为了让用户可以修改页面上的内容。如：<p contenteditable=”true”>it is good!</p>。属性值设置为true,内容可以修改，设置为false即不能修改，不设置则自动继承父元素该属性的值。
- Contextmenu属性：为元素设定快捷菜单。（略，目前无支持该属性的浏览器）
- Dir属性：规定元素中文字的方向。如<p dir=”ltr”>this is left to right</p>则将左边作为显示的起始位置。<p dir=”rtl”>this is right to left</p>则从右侧作为显示的起始位置。
- Draggable属性：规定元素是否可以被拖放。有三个值，true表示可以被拖放，false表示不可被拖放，auto表示由浏览器自主决定是否可被拖放。
- Dropzone属性：与draggable搭配使用，表示元素上拖动数据时，是否拷贝、移动或链接被拖动数据。有三个属性值，copy表示拖动数据会产生被拖动数据的副本。Move表示拖动数据会导致被拖动数据被移动到新位置。Link表示拖动数据会产生指向原始数据的链接。
- Hidden属性：浏览器不显示该元素。
- Id属性:给元素分配一个唯一的标识符。
- Lang属性：说明元素内容使用的语言。<p lang=”en”>hello world!</p>
- Spellcheck属性：只有用在用户可以编辑的元素上才有意义。表明浏览器是否对该元素的内容进行检查。<textarea spellcheck=”true”>this is mispelled text</textarea>。显示结果就是mispelled下面有红线。
- Style属性：定义元素的css样式。
- Tabindex属性：控制按tab键时键盘焦点的转移顺序。比如
<input type=”text” tabindex=”1”>
<input type=”text” tabindex=”-1”>
<input type=”text” tabindex=”2”>
<input type=”text” tabindex=”3”>
那么按下tab键，先定位在1，然后是2，然后是3。注意，-1不被定位。
- Title提供了元素的额外信息，浏览器通常用这些东西显示工具提示。比如：<a title=”apress publishing” href=http://apress.com>visit the apress site</a>。鼠标放在“visit the apress site”上面，就会有apress publishing的提示。
第四章 CSS
- 样式的层叠
- 元素内嵌样式。<a style=”color:red”>
- 文档内嵌样式。<style type=”text/css”>
a{color:red} </style> - 外部样式。<link rel=”stylesheet” type=”text/css” href=”***.css”>
- 用户样式
- 浏览器样式（即浏览器默认样式）。
- 调整层叠次序
把样式属性值标记为important，即可改变正常的层叠次序。
如<style type=”text/css”>
a{color:black !important}
</style>
这样如果也有元素内嵌样式，则优先级要高于元素内嵌样式。
