新的页面框架
section
用于定义页面中一个内容区域，例如页眉，页脚，可以与H1,H2,H3等结合使用形成文档结构
header
用于定义页面中的标题区域
nav
用于定义页面中的导航菜单区域
article
用于定义页面中上下两段相对独立的信息内容
aside
该元素的辅助元素，用于定义页面中articale区域内容相关联信息。
footer
用于定义页面中脚注区域内容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
nav{float:left;width:20%}
article{float:right;width:80%}
footer{clear:both}
</style>
</head>
<body>
<header><p>网页标题</p></header>
<nav>
<ul>
<li>菜单一</li>
<li>菜单二</li>
<li>菜单三</li>
</ul>
</nav>
<article>
<p>主题内容一</p>
</article>
<articale>
<p>主题内容二</p>
</articale>
<footer>
<p>版权信息，联系方式</p>
</footer>
</body>
</html>
元素的改变
新增的元素
video元素
主要用来在页面中加载视频
| 属性 | 说明 |
|---|---|
| autoplay | 设定此属性时，视频加载完毕后自动播放 |
| controls | 设定此属性时，视频中会显示控制按钮 |
| height | 用于设置播放器在页面中的显示高度 |
| width | 用于设置播放器在页面中的显示宽度 |
| preload | 设定此属性时，视频文件在页面请求时便预先加载，如果设置了autoplay属性，则该属性无效 |
| src | 设置视频的播放地址 |
| loop | 设定该属性，视频加载完之后，会自动播放 |
<video id="myvideo" src="aa.mp4" autoplay="true" controls="controls"></video>
audio元素
主要在页面中加载音频
| 属性 | 说明 |
|---|---|
| autoplay | 设定此属性时，音频加载完毕后自动播放 |
| controls | 设定此属性时，音频中会显示控制按钮 |
| preload | 设定此属性时，音频文件在页面请求时便预先加载，如果设置了autoplay属性，则该属性无效 |
| src | 设置音频的播放地址 |
| loop | 设定该属性，音频加载完之后，会自动播放 |
<audio src="a.mp3" autoplay="true" controls="controls"></audio>
embed元素
主要用于向页面中添加多媒体插件。
<embed src="http://www.test.com/html5.swf">浏览器不支持embed</embed>
mark元素
在页面中突出高亮显示信息内容。
<mark>高亮</mark>
command元素
在页面中添加命令按钮，比如单选按钮，复选框，或按钮。
| 属性 | 说明 |
|---|---|
| type | 用于设置按钮类型 |
| checked | 用于设置按钮是否被选中 |
| disabled | 用于设置按钮是否可用 |
| label | 用于设置元素控件的标签 |
| icon | 用于设置元素控件在页面中显示图像地址 |
<menu>
<command type="checkbox">Click Me!</command>
</menu>
progress元素
用来在页面中显示一个进度体
details元素
用于描述页面中的文档或文档某部分的细节。
| 属性 | 说明 |
|---|---|
| open | 用于定义页面加载时details元素包含信息状态是否可见 |
datalist元素
用来定义一个数据集，通常与input元素结合使用，为input元素提供数据源。
<input id="favLang" list="language"/>
<datalist id="language">
<option value=".NET">
<option value="Java">
</datalist>
output元素
output元素用于在页面中输出指定的信息。
<form>
<input type="text" id="a"/>*
<input type="text" id="b"/>
=
<output onFormInput="value=a.value*b.value"></output>
</form>
点击链接加入群聊【程序员技术交流群】：添加链接描述
