HTML5新增标签

文档结构

• <header></header>：文档的页眉(网页头部)；
• <nav></nav>：导航链接的部分(主导航栏)；
• <footer></footer>：文档的页脚信息(网页尾部)；

 

文章相关标记

• <article>：代表一篇文章；
• <aside>：侧边栏；
• <section>：区块。主要用于排版网页，功能与 <div> 一样；
• <details>：标题的简介；
• <summary>：标题的内容，与 <details> 配合使用；

 

其他标记

• <mark>：重点标注；
• <progress>：进度条
• max：最大值
• value：当前值

 

音频标记 <audio>

• 语法：<audio>对不起，你的浏览器不支持 audio 元素 </audio>
• 常用属性
• controls：是否显示控制面板；
• autoplay：是否自动开始；
• src：播放文件路径。支持的文件格式：MP3、OGG、WAV；
• loop：是否循环播放；

 

视频标记 <video>

• 语法：<video>对不起，你的浏览器不支持 video元素 </video>
• 常用属性
• controls：是否显示控制面板；
• autoplay：是否自动开始；
• src：播放文件路径。支持的文件格式：MP4、OGG；
• loop：是否循环播放；
• width：视频宽度；
• height：视频高度；
• poster：视频第一帧的画面；(默认是视频第一帧)

 

表单中新增的属性

• autocomplete：自动完成。取值：no 或 off；
• autofocus：自动获得焦点；

 

表单 input 元素 type 属性的值

• tel：电话验证；
• email：邮箱验证；
• url：网址验证；
• color：颜色拾色器；
• date：日历；
• month：选择月份；
• time：时间；
• datetime：日期时间；