DOCTYPE声明：
<!Doctype html>字符编码声明：
<meta charset="UTF-8"> //不写的话HTML5默认也是UTF-8新增的语义/结构化标签 Semantic
<video>、<audio>、<header>、<nav>、<main>、<section>、<article>、<footer>、<aside>、<details>、<dialog>、<figcaption>、<figure> img和figcaption组合放在figure里、<mark>、<time>、<summary>
<figure>
//img和figcaption可以组合放在figure里
<img src="pic_mountain.jpg" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig1. - The Pulpit Rock, Norway.</figcaption>
</figure>新增的input类型和属性
- 类型type：
color、date、datetime、datetime-local、month、search、file、email、number、tel、url、week、range
- 属性attribute：
autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、ormtarget、height and width、list、min and max、pattern(regexp、placeholder、required、step、mutiple
新的图形标签
SVG
- 代表可缩放矢量图形
- SVG用于为Web定义图形
- SVG是W3C的建议
SVG与Canvas区别
- SVG适用于描述XML中的2D图形的语言
- Canvas随时随地绘制2D图形(使用JavaScript)
- SVG是基于XML的，这意味着每个元素在SVG DOM中都可用。你可以为每个元素添加JavaScript事件处理程序
- 在SVG中，每个绘制的形状都会被记忆为一个对象。如果SVG对象的书香发生变化，浏览器可以自动重新渲染形状。
- Canvas是一像素一像素地渲染。在画布中，一旦图形绘制好了，就会被浏览器遗忘。如果你想改变某一个的位置，整个场景都需要重新绘制，包括可能已经被图形覆盖的任何对象。
新的HTML5的API
- HTML Geolocation 地理位置
- HTML Drag & Drop拖放
- HTML Local Storage 本地存储
- HTML Application Cache 应用程序缓存
- HTML Web Workers web工作者
- HTNL SSE
其他
- HTML5通过meta标签达到监听并适配设备屏幕的布局
<meta name="viewport" content="width=device-width, initial-scale=1.0">- HTML5元素命名 & class等属性名允许混合使用大写和小写字母，但建议用小写
- HTML5删除/废弃不能用的元素
<acronym> 首字母缩写--<abbr>、<applet>--<object>、<basefont> 页面上默认字体颜色和字号,<big> 更大的文本,<center> 文本水平居中,<dir> 目录列表,<font> 字体外观，尺寸，颜色--css样式、<frame> 定义子窗口、<noframes> 向浏览器显示无法处理框架的提示文本，位于frameset元素中、<strike> 文本添加删除线、<tt> 定义打字机文本