看了《css那些事兒》我一直遵循著給每個板塊寫乙個h標籤，並保持層次，比如導航條、焦點圖我都寫了乙個縮排隱藏的h標籤。這種規範一般人根本看不出來，即使是行內的大多數人也覺得沒有必要。可是我一直自己默默的遵循著，強迫症啊 t t。
最近在看《html5經典例項》，當我看到第一章中「html5大綱演算法」功能的時候我樂了，原來html5中提出了用h標籤生成文件的功能，就像乙個目錄樹。至於它可以做什麼，書上說利於盲人軟體對**結構的識別，可以通過這個「目錄樹」方便進行頁面跳轉。例如這個儒之堂足浴的首頁，生成的目錄樹如下圖：
我給logo寫了h2作為這個頁面中最大的h標籤，而h1作為預留的，文章頁的標題才用h1。頁面按板塊分別寫了h3,如果下面還有板塊再使用h4如此類推。
如何才能檢視這個目錄樹，只要要在谷歌瀏覽器上裝乙個html5 outliner外掛程式就能檢視了。安裝後瀏覽器的位址列上會多乙個outliner圖示，點選後就能生成改頁面相應的「目錄樹」了，但是只能檢視線上的網頁哦。這個外掛程式會在你的html頁面上增加一些額外的id和屬性 定位各個板塊，用來讓使用者點選目錄樹上的鏈結 相應的板塊能夠閃爍。
雖說html5有了這麼個功能和理念，事實上沒有任何盲人軟體支援這一特性。但是既然是新理念，而且是乙個不錯的理念，我們就應該開始遵循起來，嚴格要求自己才能把**寫的更好。
類似的頁面習慣還有很多，給每個寫上alt、給必要的鏈結寫上title描述、保持頁面的結構順序、堅持結構、行為、表現相分離等等。
HTML5大綱演算法
什麼是html大綱演算法？大綱演算法允許使用者 user agent 從乙個web頁面生成乙個資訊結構目錄，讓使用者對頁面有乙個快速的概覽。類似書籍 pdf 幫助文件等，都有乙個清晰的目錄結構，使用者能方便的定位所需內容。乙個良好結構的大綱，不僅是對於搜尋引擎的優化，更是為借助於螢幕閱讀器瀏覽網頁的...
HTML5內容大綱
1.新增的屬性placeholder calender,date,time,email,url,search conteneditable draggable hidden context menu data val 自定義屬性 2.新增的標籤語義化標籤 一群類似div的東西 canvas 畫板 s...
HTML5的大綱講解
html5的大綱講解 1 html5大綱分析工具 會呈現最終頁面效果 2 html5大綱的編排規則 分為 顯示編排 和 隱式編排 兩種方式。顯示編排 是指明確使用section元素進行分塊，每個內容區塊內使用標題元素h1 h6 隱式編排 是指不使用section元素進行分塊，而是根據標題元素h1 h...