HTML5新标签与特性

html5新特性

1.HTML5新增语义标签

• 头部：header标签
  header：定义网页的头部—》头部语义 + div

• 导航：nav标签
  nav：定义网页的导航—》导航语义 + div

• 底部：footer标签
  footer：定义网页的底部—》底部语义 + div

• 侧边栏：aside标签
  aside：定义网页的侧边—》侧边语义 + div

• 区块：section标签
  section：定义网页的区块—》区块语义 + div

• 文章：article标签
  article：定义网页的文章—》文章语义 + div

注意：html5标签有兼容性问题（老浏览器没效果），所以为了客户群多，会少用。
2.其他表单新属性

3.多媒体标签—audio 音频
在网页中播放音频（声音）
属性：

• controls 是否显示播放控件
• autoplay 自动播放（有兼容性问题）
• loop 循环播放（有兼容性问题）
  兼容性处理：

<audio controls autoplay loop>
  <source src="1.mp3">
  您的版本过低,请升级高级版本 <a href="http://www.itcast.cn/">点击下载</a>
</audio>

4.多媒体标签—video 视频
在网页中播放视频
属性（和audio类似）：

• controls 是否显示播放控件
• autoplay 自动播放（有兼容性问题）（muted）
• loop 循环播放（有兼容性问题）

区别：可以设置宽高，并且显示视频

注意：宽度和高度只需要设置一个，另一个会根据等比例缩放，如果同时指定两个，视频的实际宽高会以小的为基准（类似图片）