H5的新特性

1. 语义化标签，比如article、footer、header、nav、section
2. 用于媒介回放的 video 和 audio 元素
3. 画布canvas
4. 数据存储localstorage sessionstorage
5. 增加了表单控件 email、url、tel、search、number ...
6. 拖拽释放API

HTML5语义化标签

常用的语义化标签hgroup header nav section footer article aside main

hgroup

可以将多个h1~h6元素放在其中，比如文章的主标题和副标题结合

注意：连续多个h标签才用hgroup

header

代表网页或者section的页眉，通常包含h标签或者hgroup

nav

用于定义页面主要导航部分

section

section元素代表文档中的节或段，段可以是一篇文章里按照主题的分段，节可以是指一个页面里的分组

注意：section不是一般意义上的容器元素，如果想作为样式展示和脚本的便利，可以用div

article，nav，aside可以理解为特殊的section，可以用article，nav，aside就不要用section

article

article元素最容易跟section和div混淆，其实article代表一个在文档，页面或者网站中自成一体的独立内容

aside

aside元素包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料，标签，名词解释等

在article元素之外使用作为页面或站点全局的附属信息部分，最典型的是侧边栏，其中的内容可以是日志串连，其他组的导航

CSS3的新特性

1. 新增选择器：属性选择器、伪类选择器、伪元素选择器
2. 增加了媒体查询
3. 文章阴影
4. 边框
5. 盒子模型box-sizing
6. 渐变、过渡、自定义动画
7. 背景属性
8. 2D和3D