首頁 > 網頁教程 > HTML > HTML5大綱算法對結構的影響 網頁優化必學

HTML5大綱算法對結構的影響 網頁優化必學

時間:2012-08-15    來源:迅雷CUED

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

先看兩個大綱:

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

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

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

相關推薦
如何在IE6等老式瀏覽器中使用HTML5的新標簽?
HTML5語義標簽兼容IE6等老舊瀏覽器的方法分析
使用JS代碼的方法讓IE6輕松支持HTML5標簽元素
HTML5建站教程:HTML5新標簽與HTML4舊標簽對應解釋及用法
讓所有的瀏覽器都能識別HTML5標簽樣式的小插件分享
HTML5的元素嵌套規則
網頁設計師必收藏的十五個HTML5資源
新手入門:HTML5是什么?
35個WEB開發必備的實用HTML5教程
18個國外HTML5網站布局編碼教程分享
網頁使用HTML5代碼需兼容IE的寫法分享
HTML5新手入門教程之第一篇:什么是HTML5?
從9個不同的方面深入分析HTML5的性能
HTML5帶給開發人員跨平臺的開發體驗
經歷8年時間 屬于HTML 5的春天才悄然到來
HTML5制作神器:零代碼制作屬于你的第一個酷炫H5頁面
能讓IE支持HTML5的解決方案
谷歌棄Gears瀏覽器插件 轉重點開發HTML5
采用HTML5搭建的多個網站嘗鮮試用
體驗HTML5 Canvas對象的強大 五款在線繪圖應用示例
HTML5新特性:用鏈接預取功能給網站提速
如何用HTML5制作網頁?
神奇的HTML5動畫效果演示網站
十三個網站案例讓你提前體驗HTML5和CSS3的魅力
基于HTML5的繪圖程序Muro,支持Wacom手寫繪圖板
HTML5的一些的趣味小應用
HTML5、CSS和JavaScript與Web移動應用的未來趨勢
十款基于HTML5開發的精彩WEB應用(HTML5網站演示)
學好HTML5必備的七個在線資源推薦
HTML5教程之表單功能詳解
四個HTML 5標簽、屬性、事件及瀏覽器兼容性速查表分享
15個采用HTML5實現的網站界面設計欣賞

精彩推薦

熱門教程

上海天天彩选4第2018348期