Html5的一些新特性

概括Html5新增了哪些新特性？

语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性、三维、图形及特效特性、性能与集成特性、css3特性。

 

1.语义化标签

div对于搜索引擎是没有语义的，新增的语义化标签如下：

<header><header/>:头部标签
<nav>:导航标签
<article>:内容标签
<section>:块级标签
<aside>：侧边栏标签
<footer>:尾部标签
这些标签比较适合移动端，IE9的时候需要将这些标签转化为块级元素  display：block

 

2.H5 新增多媒体标签(可以不用flash和其他游览器插件)

音频:<audio>

视频:<video>

以下做法可以考虑到兼容性的问题 

向游览器加入音频标签  注：  谷歌游览器自动播放被禁了  
<audio controls="controls">
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
游览器的兼容性

视频 注：谷歌游览器不允许自动播放声音
<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

 

 3.新增的input表单、表单属性

  <input type="date">
  <input type="time">
  <input type="search">
  <input type="color">
    额外一些表单属性required placeolder（占位符） autofocus autocomplete