HTML5的新特性

HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性.

新增的语义化标签

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

这种语义化标准主要是针对搜索引擎的这些新标签页面中可以使用多次在 IE9 中,需要把这些元素转换为块级元素 .

新增的多媒体标签

1.视频  <video>
 <video src="文件地址" controls="controls"></video>

当前 <video> 元素支持三种视频格式: 尽量使用 mp4格式


video.png

常见属性


video常见属性.png
2.音频<audio>
<audio src="文件地址" controls="controls"></audio>

当前 <audio> 元素支持三种音频格式:


audio.png

常见属性


audio常见属性.png
谷歌浏览器把音频和视频自动播放禁止了

新增的 input 类型

input.png

新增的表单属性

表单属性.png

推荐阅读更多精彩内容