XHTML標籤語意化介紹_HTML/Xhtml_網頁製作

首先說明的一點是，人可以透過視覺的劃分判斷內容的語意,搜尋引擎看到的只是程式碼。搜尋引擎只能透過標籤來判斷內容的語意。 以前我真的沒有怎麼重視過搜尋引擎，現在開始比較在意了，因為頁面的很大一部分流量是來自搜尋引擎的，要使頁面盡可能地對搜尋引擎友好，所以就要盡可能地使標籤語義化。

　　以前以我對web開發的粗淺理解，覺得寫一個好的符合標準的頁面只需要把結構和表現分離，然後不要使用table，font等標籤就行了，至於通篇都是div我也不會覺得有什麼問題，因為CSS很強。但是，所有的標籤都是有自己的語意的，下面給出一部分標籤的語意學：

　　div 語意：Division（分隔）

　　span 語意：Span（範圍）

　　ol 語意：Ordered List（排序清單）

　　ul 語意：Unordered List（不排序清單）

　〜　li …

　　如果無視標籤語意和預設樣式，所有標籤都用div，其實也是可以寫出來視覺效果很好的頁面，只要你靈活運用CSS。但是那樣的話雖然視覺上達到了要求，但是整個頁面一點語義都沒有，搜尋引擎還是看不懂。所以，要記住：

　　結構(html)才是重點，樣式(css)是用來修飾結構的。所以，要先確定html，確定標籤，再來選用適合的css。

　　一般來說，所有的標籤都會有一個預設的樣式，所以一個簡單的判斷網頁標籤語義是否良好的方法就是：去掉樣式，看網頁結構是否組織良好有序，是否仍然有很好的可讀性。

　　另外，值得重點提及的是h標籤，h標籤的語意是標題，搜尋引擎對這個標籤比較敏感，特別是h1,和h2。一個語意良好的頁面，h標籤應該是完整有序沒有斷層的。也就是說，要h1,h2,h3,h4這樣推下來，不要h1,h3,h4，漏掉h2。一個結構良好的網頁，h標籤可以組織一個網頁的大綱。