首頁 > 網頁教程 > 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期 1分彩官方下载 快速赛车游戏大全 青海快三开奖牿果 浙江快乐12选5开 快乐8走势图 哈尔滨麻将机 排列3开奖结果查询 棋牌麻将游戏大全 3d澳门彩报1今天 江西微乐麻将看牌 黑龙江11选5网上买 配资名片 捕鱼大师下载安装 贵阳捉鸡麻将手机版 山东11选5免费软 天才麻将少女电视剧在线观看