HTML 5新增标签

语意标签

• <header>: 头部标签
• <nav>: 导航标签
• <article>: 内容标签
• <section>: 定义文档某个区域
• <aside>: 侧边栏标签
• <footer>: 尾部标签

注意：

1. 这些语义化标准只要是针对搜索引擎的
2. 这些新标签页面中可以使用多次
3. 在IE9中，需要把这些元素转换为块级元素
4. 其实，移动端更适合用这些标签
5. 以上标签时基础标签，还有其他

多媒体标签

• <audio> 音频
• <video> 视频

代替flash或插件实现音频视频播放

video

支持MP4，WebM，Ogg，推荐MP4格式
语法：<video src="文件地址" controls="controls"></video>
属性如下：

• autoplay 自动播放，谷歌浏览器除外
• controls 播放控件（浏览器有差异，一般使用JS实现）
• width 播放器快递
• height 播放器高度
• loop 播放完是否循环
• preload（auto/none）没有autoplay设定下，规定是否预加载视频
• src 地址
• poster 等待的画面图片
• muted 静音播放（谷歌浏览器添加muted，可在autoplay设定下，自动播放视频）

audio

支持MP3，Wav，Ogg，推荐MP3
语法：<audio src="文件地址" controls="controls"></audio>
属性如下：

• autoplay 自动播放（谷歌禁用）
• controls 控制器
• loop 循环播放
• src 地址

input类型

• email
• url
• date
• time
• month
• week
• number
• tel
• search
• color

表单属性

• required 必填项
• placeholder 提示文本，存在默认值时不显示 input::placeholder 改变样式
• autofocus 自动聚焦
• autocomplete 提交成功过的值，成为可用的选项
• multiple 多文件提交