HTML5
HTML5优势/劣势
优势
- 提高可用性,改进用户体验
- 更好的语义化标签
- 可以给站点带来更多的多媒体元素(视频和音频)
- 可以很好的替代FLASH和Silverlight
- 当涉及到网站的抓取和索引的时候,对于SEO很友好;
- 将被大量应用于移动应用程序和游戏
- 可移植性好
劣势
- 该标准并未能很好的被PC端浏览器所支持
- IE9以下的浏览器几乎都不兼容
HTML5新增语义化标签
注意
- 主要针对搜索引擎
- 可使用多次
- IE9 需要转换成块
- 移动端使用更多
HTML5多媒体音频标签
写法
- 普通
<audio src="文件位置" controls = "controls"></audio>
H5中如果属性名和属性值相同可以不写
- 兼容写法
<audio controls>
<source sre=".mp3" type="audio/mpeg">
<source sre=".ogg/.wav" type="audio/ogg">
您的浏览器版本过低,不支持音频播放
</audio>
属性
HTML5多媒体视频标签
写法
- 普通
<video src="文件位置" autoplay muted></video>
*兼容写法
同上
属性
HTML5新增input标签
HTML5新增可输入表单datalist标签
使用方法
<input>设置list属性为datalist标签的id