隨著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確值得我們追求。