首頁 > 網頁教程 > HTML > HTML標簽的語義化概念、意義和實踐

HTML標簽的語義化概念、意義和實踐

時間:2010-06-13    作者:不詳   來源:藍色理想

隨著WEB標準在國內的不斷普及,結構表現行為分離、模塊化、語義化、優雅退化等概念也成為考核一名前端人員對WEB標準理解的重要條目,其中,由于SEO背后的商業價值影響,“語義化”得到了突出的重視,作為一名剛入門的前端工作者,我也曾單純地認為,“語義化”便是運用最有利搜索引擎權重的標簽組織(x)HTML結構的方法。

翻看了不少前端書籍和不少前輩的文章,我才開始認識到自己意識的淺薄,慢慢領悟“語義化”的價值。以下內容僅是個人在日常實踐中的總結,集合了幾個前輩的觀點,站在巨人的肩膀之上,以求看得更遠。

什么是“語義化”(Semantic)

“語義化”指的是機器在需要更少的人類干預的情況下能夠研究和收集信息,讓網頁能夠被機器理解,最終讓人類受益。具體而言,借用BI論壇網友通俗的解釋,“語義化意思就是不要把你女朋友當做一般的朋友看待”,下面是粗淺的XML形式實例:

然而,通過CSS控制,我們很容易就能將“女朋友”展示地跟“朋友”一樣,只關注表現層的話,標簽視乎只是一個“鉤子(hook)”,提供給CSS和JS做處理,那為什么我們還要強調“語義化”呢,下面會詳細談到。

語義化的意義

1.搜索引擎

對于搜索引擎的優化,很多前輩都已經做了豐富的解釋,關于Hx的權重,隱藏文本等等,在此便不再班門弄斧,前段時間,一款名為Wolfram(http://www.wolframalpha.com/)的搜索引擎引起了注意,我們知道,Google會根據對每個網站的PR值排序搜索結果,其他搜索引擎同樣有自己獨立的算法,而Wolfram則宣稱是在“理解”用戶輸入內容的前提下作出判斷,當輸入“who is adrian”時,Wolfram給了我這樣的反饋,雖然結果并不怎么精確。

聯系到前端的工作,我們所推崇的“語義化”不就是讓計算機讀懂我們的內容嗎?像這樣一個簡單的例子<acronym title=“ World Wildlife Fund”>WWF</acronym>,計算機便能明白WWF值得是World Wildlife Fund,而不是World Water Forum,讓計算機完全讀懂我們的內容是不現實的,縱使像Wolfram這樣搜索引擎也許只是曇花一現,但其所追尋的愿景,Making the world‘s knowledge computable確值得我們追求。

相關推薦
實用HTML標簽語法大全
正確理解XHTML標簽的語義 有助適當使用標簽
在網頁中使用H1標記的須注意的事項
HTML網頁的META標簽常用寫法與功能介紹
正確理解HTML的語義有助于搜索引擎優化
HTML的不同標簽在SEO優化中的權重分數
關于HTML5最令人期待的10個預測
HTML5的元素嵌套規則
HTML5的崛起之路,不只是勵志劇,還是宮斗劇
何為微格式? 附實例演示

精彩推薦

熱門教程

百人牛牛辅助