HTML5新增标签简谈

上期带大家了解了关于移动端的单位和媒体查询的问题，今天继续带大家来了解关于移动端的新东西，html5。

HTML5是什么，有什么用

简单来说HTML5 就是HTML 版本的第五次重大修改，目的为了适用移动端的发展

广义的HTML5 是 HTML5本身 + CSS3 + JavaScript

HTML5新增了哪些东西

语义化标签

• header 头部标签
• nav 导航标签
• article 内容标签
• section 块级标签
• aside 侧边栏标签
• footer 尾部标签

以下几点需要注意

• 这种语义化标准主要针对搜索引擎的
• 这些新标签页面中可以使用多次的
• 在IE9中，需要把这些元素转换为块级元素（在IE9中这些标签被当做行内标签，设置大小不生效）

多媒体标签

audio 音频标签

 <audio src="images/snow.mp3" controls autoplay></audio>

####### source标签
可以通过在多媒体标签内加入source标签，用来指定多个播放路径，当第一个source标签的路径出错时，自动会切换到第二个source标签

<audio controls="controls">
    <source src="media/snow.mp3" type="audio/mpeg" />
    <source src="media/snow.ogg" type="audio/ogg" />
    您的浏览器不支持播放声音
</audio>

video视频标签

  <video src="小猪佩奇.mp4" autoplay controls ></video>

source标签

  <!-- 当1.mp4出错时，自动切换到2.mp4 ... -->
    <video >
      <source src="1.mp4">
      <source src="2.mp4">
      <source src="3.mp4">
    </video>

marquee 标签

<marquee>标签，它是成对出现的标签，首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。

h5表单

属性值	说明
type=“email”	限制用户输入必须为Email类型
type=“url”	限制用户输入必须为URL类型
type=“date”	限制用户输入必须为日期类型
type=“time”	限制用户输入必须为时间类型
type=“month”	限制用户输入必须为月类型
type=“week”	限制用户输入必须为周类型
type=“number”	限制用户输入必须为数字类型
type=“tel”	手机号码（不限制只能输入数字，因为有些特殊电话会有符号）
type=“search”	搜索框
type=“color”	生成一个颜色选择表单

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

砸门下期见啦