HTML5学习笔记

153 阅读1分钟

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标签

新增input标签

HTML5新增可输入表单datalist标签

使用方法

<input>设置list属性为datalist标签的id

HTML5新增表达属性标签

输入图片说明