HTML5 新增标签

<!-- HTML5新增的语义化标签 -->

    <header>：头部标签

    <nav>：导航标签

    <article>：内容标签

    <section>：定义文档某个区域

    <aside>：侧边栏标签

    <footer>：尾部标签

    <!-- HTML5新增的多媒体标签 -->

    <!-- 视频标签 -->

    支持三种视频格式MP4、webm、ogg

（补充：Google浏览器不能直接autoplay自动播放，需要添加muted静音属性才可以）

    <video src="media/mi.mp4" autoplay="autoplay" muted="muted"

     loop="loop" poster="media/mi9.jpg"></video>

 

    <!-- 音频标签 属性与视频标签一致-->

    支持三种音频格式MP3、Wav、ogg

    <audio src="media/盛哲 - 在你的身边.mp3" autoplay="autoplay" controls="controls" loop="loop"></audio>

    <!-- HTML5新增的input表单 -->

（补充：主要记住number、tel、search即可）

    <!-- 我们验证的时候必须添加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>

    <!-- HTML5新增的表单属性 -->

    <form action="">

    <input type="search" name="new" required="required" placeholder="互联网时代"

    autofocus="autofocus" autocomplete="off">

    <input type="file"multiple="multiple">

    <input type="submit" value="提交" multiple="multiple">

    </form>