一、HTML5 发展史
为了支持新的 Web 应用，同时克服现有缺点，HTML 迫切需要添加新功能，制定新规范。2008 年，发布 HTML5 工作草案。
有两个常用网站，可以检查浏览器对 HTML5 规范的支持情况。
1、http://caniuse.com/
2、http://html5test.com/ （显示用户浏览器对 HTML5 规范的支持情况）
二、HTML5 新功能
1、新的 DOCTYPE 和字符集
<!DOCTYPE html>
字符集声明：<meta charset=“utf-8">
使用 HTML5 的 DOCTYPE 会触发浏览器以标准兼容模式显示页面。
2、HTML5 新元素
三、HTML5 的内容类型
1、内嵌
向文档中添加其他类型的内容，如 audio,video,canvas 和 iframe 等。
2、流
在文档和应用的 body 中使用的元素，如 form,h1,small 等。
3、标题
段落标题，如 h1,h2,hgroup 等
4、交互
与用户交互的内容，如音频和视频控件、 button 和 textarea 等。
5、元数据
通常出现在页面的 head 中，设置页面其他部分的表现和行为，如 script, style, title 等。
6、短语
文本和文本标记元素，如 mark, kdb, sub, sup 等。
7、片段
用于定义文档中片段的元素，如 article, aside 和 title 等。
四、HTML5 中新的片段类元素
1、header
标记头部区域的内容（用于整个页面或页面中的一块区域）。
2、footer
标记脚部区域的内容（用于整个页面或页面中的一块区域）。
3、section
Web 页面中的一块区域。
4、article
独立的文章内容。
5、aside
相关内容或者引文。
6、nav
导航类辅助内容。
补充知识点：CSS3
CSS3 的规范很可能还会变动，CSS3 中的功能也处于试验期，因此为了避免命名冲突，这些功能都会加上浏览器厂商的前缀。
| -moz- | Mozilla 浏览器 |
|---|---|
| o- | Opera 浏览器 |
| -webkit | Safari 和 Chrome 等基于 webkit 核心的浏览器 |
五、新的 Selectors API
以前的有 getElementById() ,getElementsByName() 和 getElementsByTagName()，它们都是用标准 DOM 的方式遍历的。
新的有 ：
| API | 描述 | 举例 |
|---|---|---|
| querySelector() | 根据指定的选择规则返回在页面上找到的第一个匹配元素。 | 例如：querySelector(“input.error”); 返回第一个 CSS 类名为 “error” 的文本输入框。 |
| querySelectorAll() | 根据指定规则返回页面中所有相匹配的元素。 | 例如：querySelectorAll(“#results td”); 返回 id 为 results 的元素下所有的单元格。 |
新的 API 遍历 DOM 时搜索更快。（为了实现快速样式表，浏览器对选择器匹配进行了高度优化，即优化了 DOM 的操作方式）。
补充知识点： JSON 是 HTML5 应用内部数据交换的事实标准。
web 浏览器的 JavaScript 引擎：
| 浏览器引擎 | 引擎名称 |
|---|---|
| Apple Safari | Nibro（也被称作 Squirrel Fish Extreme） |
| Google Chrome | v8 |
| Microsoft Internet Explorer | chakra |
| Mozilla Firefox | JagerMonkey |
| Opera | Carakan |
网友评论