HTML5的新特性

HTML5的新特性

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

1.1 HTML5新增的语义化标签

以前的布局，基本使用div，div对于搜索引擎来说，没有语义。

    <div class="header"></div>
    <div class="nav"></div>
    <div class="content"></div>
    <div class="footer"></div>

新的语义化标签：

1. :头部标签
2. :导航标签
3. :内容标签
4. :定义文档某个区域
5. :侧边栏标签
6. :尾部标签

注意：
7. 这种语义化标准主要是针对搜索引擎的
8. 这些新标签页面中可以使用多次
9. 在IE9中，需要吧这些元素转化为块级元素
10. 其实，移动端更喜欢使用这些元素

1.2 HTML5新增的多媒体标签

主要有：

1. 音频 ：《 audio》

<audio src="">
         <source src="" type="audio/mpeg">
         <source src="" type="audio/ogg">
         您的浏览器暂不支持audio标签
     </audio>

2. 视频：《video》

语法：

<video width="320" height="240" controls="controls">
	<source src="movie.mp4" type="video/mp4">
	<source src="movie.ogg" type="video/ogg">
</video>

1.3 input类型

     <!-- 验证时必须添加form表单域 -->
    <form action="">
        <ul>
            <li>邮箱:<input type="email"></li>
            <li>网址:<input type="url"></li>
            <li>日期:<input type="date"></li>
            <li>日期:<input type="time"></li>
            <li>数量:<input type="number"></li>
            <li>手机号码:<input type="tel"></li>
            <li>搜索:<input type="search"></li>
            <li>颜色:<input type="color"></li>
            <li><input type="submit" value="提交"></li>
        </ul>
    </form>

1.4 新增表单属性

可以通过设置以下方式修改placeholder里面的字体颜色

input::placeholder{
	color:pink;
}