HTML5大綱算法


什么是HTML大綱算法?

大綱算法允許用戶代理(user agent)從一個web頁面生成一個信息結構目錄,讓用戶對頁面有一個快速的概覽。類似書籍、PDF、幫助文檔等,都有一個清晰的目錄結構,用戶能方便的定位所需內容。一個良好結構的大綱,不僅是對於搜索引擎的優化,更是為借助於屏幕閱讀器瀏覽網頁的盲人(或弱視力)用戶提供了巨大的幫助。

幫助文檔的目錄結構:

 

我們這里從一個簡單的例子入手  比如說我們要做一個書店的網頁它的大綱是這樣的

圖書區域

  1.經管勵志

    《活法》

    《執行力》

    《永遠不放棄》

  2.文學經典

    《鋼鐵是怎樣煉成的》

    《一千零一夜》

HTML5大綱

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="gbk">
    <title>HTML5大綱</title>
  
<style>
   
</style>
<body>
<h1>圖書區域</h1>
  <section>
    <h1>經管勵志</h1>
        <article>
             <h1>《活法》</h1>
        </article>

        <article>
            <h1>《執行力》</h1>
        </article>

        <article>
            <h1>《永不放棄》</h1>
        </article>
        
    </section>

    <section>
        <h1>文學經典</h1>
        <article>
            <h1>《鋼鐵是怎樣煉成的》</h1>
        </article>
        <article>
            <h1>《一千零一夜》</h1>
        </article>
    </section>
</body>
</html>

 

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM