HTML5大綱算法（HTML5 Outliner）

HTML5大綱算法（HTML5 Outliner）

一、HTML5大綱算法

合理的使用HTML5元素標籤，能夠生成一個條例很是清晰的網站文檔大綱。

測試網站地址：https://gsnedders.html5.org/outliner/

<section></section>，<nav></nav>標籤結構上必須包含至少一個h1---h6。

<div></div>

<section></section>標籤最好的使用結構

<section>
    <h1>...</h1>
    <p>...</p>
</section>

二、HTML5合理結構

<header id="header">
    <div class="center">
        <h1 class="logo">標題Logo</h1> /*h1最好只出現一次，利於SEO優化*/
        <nav class="link">
            <h2 class="none">網站導航</h2> /*.none{display:none;} 目的是爲了知足大綱算法*/
        <ul>
            <li class="active"><a href="###">首頁</a></li>
            <li><a href="###">1</a></li>
            <li><a href="###">2</a></li>
            <li><a href="###">3</a></li>
            <li><a href="###">4</a></li>
        </ul>
    </nav>
</div>
</header>

三、須要包含標題的標籤

須要包含標的標籤：nav、section

不須要標題的標籤：div、header、footer

四、瀏覽器滑動條下拉框寬度是：17px