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>