HTML5—取代HTML和XHTML

新特性

• 新增语义化标签：header,footer,nav……
• 新的表单控件：email，url，search……
• canvars元素，用于绘画
• video和audio元素，用于媒介回放

由div组成的布局如下：

• 易用性低
• 不利于搜索引擎和爬虫建立索引
• 不利于后期维护

HTML5布局如下：

• header:页面或页面中某一个区块的页眉【引导和导航信息】
• main:包裹主体内容
• nav：导航内容
• section：页面中的一个内容区块，通常由内容及其标题组成，一般可以包裹一个内容区域块
• acticle：代表一个独立的、完整的相关内容块，可独立于页面其它内容使用【包裹正文的内容】
• aside：非正文的内容，与页面的主要内容是分开的，被删除而不会影响到网页的内容【侧边栏】
• footer：页面或页面中某一个区块的脚注

video（视频文件）&audio（音频文件）

• controls 控制菜单
• autoplay 自动播放
• loop 播完一遍后循环播放
• muted 自动屏蔽声音，静音
• <video>文字</video>中间的文字只有在不支持的浏览器才会显示

小技巧

• 想让div填满整个浏览器窗口line-height:calc(100vh-已设置的div高度)
• 100vh是整个浏览器屏幕的高度；100wh是整个浏览器屏幕的宽度