一,HTML5的新特性
这些新特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。
1.1新增语义化标签
注意:
1°这种语义化标签主要是针对搜索引擎的
2°这些新标签在页面中可以使用多次
3°在IE9中,需要把这些元素转化为块级元素
1.2新增多媒体标签
注意:
1°音频标签和视频标签使用方式基本一致
2°浏览器支持情况相同
3°谷歌浏览器把音频和视频自动播放禁止了
4°我们可以给视频标签添加muted属性来静音播放视频,音频不行(但可以通过JavaScript)
5°视频标签是重点,我们经常设置自动播放,不使用controls控件,循环和设置大小属性。
1.2.1新增视频标签(<video>)
当前<video>元素支持三种视频格式(MP4,WebM,Ogg):尽量使用MP4
(第二种了解,主要记第一种)
1.2.2新增音频标签(<audio>)
当前<audio>元素支持三种视频格式(MP3,Wav,Ogg):尽量使用MP3
1.3新增input表单
1.4新增表单属性
二,CSS3的新特性