HTML5新增标签（一）

html5相对以前的基础上增加了许多标签

Paste_Image.png

头尾部新增

头部新增header 、 nav 、input[ type=search ]等；
尾部新增footer 等

<header>

    <h1>logo</h1>

    <nav>

        <a href="">导航1</a>

        <a href="">导航2</a>

        <a href="">导航3</a>

        <a href="">导航4</a>

        <a href="">导航5</a>

        <a href="">导航6</a>

    </nav>

    <input type="search" name="search" id="search" placeholder="请输入搜索内容" />

</header>

主体部分新增

主体部分新增以下标签

<section><!--片段 -->

    <figure> <!--这是一个独立的媒体内容 播放器  装图片-->

        <figcaption>figure唯一标题</figcaption>

        <mark>高亮显示</mark>

    </figure>

 

    <article><!--这是文章标签-->

        <summary>文章摘要</summary>

    </article>

 

    <!--controls : 控制条  ; autoplay : 自动播放 ; loop : 循环播放 ;-->

    <audio controls="controls" autoplay="autoplay" loop="loop" src=""></audio>

    <video controls="controls" autoplay="autoplay" loop="loop"  src=""></video>

 

    <aside>aside 侧边栏 与主题内容没有关系的代码</aside>

    <bdi>专门用来装人名</bdi>

    <canvas id="" width="" height="">画布</canvas>

    <time>2016-10-08</time>

</section>