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>