《 頁面重構中的語義化 》所表達的好像不太好理解，我們可以換一個角度來看看。

在“表格布局”¹ 的時代，大家所使用的布局方式都是表格，沒有其它的方式可以選擇， dreamweaver的可視化操作大大的簡化了頁面制作的過程，而且當時雖然網(wǎng)絡情況比現(xiàn)在差得多，但并沒有多少人會去關注頁面性能這塊。搜索引擎對于表格布局也無能為力，只能過復雜的算法去把內(nèi)容抓取出來，而且很難知道哪些內(nèi)容是重點，因為會正確使用標簽的頁面太少了。那搜索引擎如何得知頁面的重點呢？沒錯，就是頁面頭部的信息，在這個區(qū)域，標簽是有語義的，明確的指出頁面的標題、主要內(nèi)容、作者、版權等等信息。

接著，web標準進入了國人的視野，它帶來了顛覆性的改變，從頁面制作方式到思維方式的種種改變。推薦使用“css布局”² 代替原先的“表格布局”，讓原先讓人遺忘的許許多多html標簽重新被認識，并以較嚴格的方式使用，在一定程度上規(guī)范了頁面書寫的形式，像“標簽閉合”、“標簽、屬性使用小寫”、“使用dtd”等等。搜索引擎也很支持這種方式制作的頁面，因為算法不用像以前那么復雜了，可以很簡便的得到內(nèi)容的主次，提高抓取的質(zhì)量。這也是為什么web標準會更利于 seo 。

那么，如果標簽足夠表達內(nèi)容的語義，頁面內(nèi)容的語義就能以標簽的方式被傳遞給更多的用戶。因此， 所謂語義化，就是盡可能的理解要表達的內(nèi)容，選擇適合的標簽，將內(nèi)容轉(zhuǎn)換成瀏覽器認識的語言，通過瀏覽器傳達給用戶。 可以理解為將內(nèi)容的語義通過標簽的方式表現(xiàn)。

寫過 xml 的同學可能體會會深些，在xml中，標簽是可以自定義的，但這些標簽的定義都是為了讓讀取更容易，或許可以看下常見的rss，它就是一個標準化的xml格式，但rss里使用的標簽都是有語義的，你可以通過標簽很清楚的看出哪部分是代表什么的。雖然(x)html看起來比rss復雜得多，但在搜索引擎看來，好的頁面不就是一個xml？

做為對《 頁面重構中的語義化 》的一個補充，歡迎討論。

¹ 使用表格單元格的劃分來進行頁面布局的方式。

² 使用樣式的定位屬性進行布局的方式。