HTML5已經出來好長時間了，越來越多人希望并且開始把HTML5應用到平時的工作、個站中。大家對section、article、aside、nav等新標簽的使用也越來越上手，也許是自我感覺良好的上手。不從多個方面去認識理解這些標簽，可能反而讓自己落入了更混亂的境地。HTML的大綱算法(outlining algorithm)就是一個很重要的切入點。

先看兩個大綱：

這兩個都是我早期的作品了。當時還覺得自己的結構寫的不錯，特別是第二個，還用上了HTML5標簽，以為自己就踏進這個新世界了?？催^HTML大綱算法之后，檢測了一下這些頁面，真的是慘不忍睹。第一個各種混亂標題不說，“主創陣容”居然從屬于“用戶評論”？第二個也不好發言了，那么多未命名的是什么東西？不過總是要踩在傷痛的歷史上才能往前進。

再來看幾個其他人重構的頁面大綱：

想象你是一個有點視力障礙的用戶，需要依靠屏幕閱讀器來瀏覽這些網頁，閱讀器會按照層級來給你解讀這個網頁，你覺得上面那個網頁更容易讓你獲得所需要的資訊呢？也許對比完大家更想知道大綱算法到底是個怎么樣的東西了吧？