一. 語義化背景

講到語義化，我們首先來聊聊html語義化的背景，HTML結構語義化，是最近幾年才提出來的，以前的html結構，都是一堆的沒有語義的冷冰冰的標籤。最氾濫的就是div+css,以前的頁面，你一打來就是一堆的div+css, 為了改變這種這種狀況，開發者們和官方提出了讓HTML結構語義化的概念，並且官方w3c，也在HTML5給出了幾個新的語義化的標籤。

二. 什麼是語義化？語義化之後會給文件帶來什麼效果呢？

1， 首先、語義化，故名思意，就是你寫的HTml結構，是用相對應的有一定語義的英文字母（標籤）表示的，標記的，因為HTML本身就是標記語言。不僅對自己來說，容易閱讀，書寫。別人看你的程式碼和結構也容易理解，甚至對一些不是做網頁開發的人來說，也容易閱讀。那麼，我們以後再開發的過程中，一定要注意了，儘量使用官方的有語義的標籤，不要再使用一堆無意義的標籤去堆你的結構。怎麼知道，自己的頁面結構是否語義化，那就要看你的HTML結構，在去掉CSS樣式表之後，是否，依然能很好的呈現內容的結構，程式碼結構。也就是說，脫掉css的外衣，依然頭是頭，腳是腳。赤裸裸的完整的一篇文件。這也就是，語義化之後文件的效果。
2，其次、其實語義化，也無非就是自己在使用標籤的時候多使用有英文語義的標籤，比如

三.為什麼要語義化？

（1）、為了在沒有css程式碼時，也能呈現很好的內容結構，程式碼結構，以至於達到沒有程式設計基礎的非技術人員，也能看懂一二。（其實，就是為了不穿CSS外衣，裸奔依然好看）。
（2）、提高使用者體驗，比如：title，alt用於解釋名詞和圖片資訊。
（3）、利於SEO，語義化能和搜尋引擎建立良好的聯絡，有利於爬蟲抓取更多的有效資訊。爬蟲依賴於標籤來確定上下文和各個關鍵字的權重。
（4）、方便其他裝置解析（如螢幕閱讀器、盲人閱讀器、移動裝置）以語義的方式來渲染網頁。
（5）、便於團隊開發和維護，語義化更具可讀性，如果遵循W3C標準的團隊都遵循這個標準，可以減少差異化，利於規範化。

四.基於此，在寫頁面結構時，我們應該注意什麼呢？

（1）、儘可能少的使用沒有語義的div和span元素。
（2）、在對語義要求不明顯時，技能使用div也能使用p,那就使用p，以為p預設有上下邊距，可以相容特殊終端。
（2）、不要使用純樣式標籤，如：b、font、u等，改用css設定。
（4）、需要強調的文字，可以包含在strong或者em標籤中（瀏覽器預設樣式，能用CSS指定就不用他們），strong預設樣式是加粗（不要用b，因為沒語義），em是斜體（不用i同b）；
（5）、使用表格時，標題要用caption，表頭用thead，主體部分用tbody包圍，尾部用tfoot包圍。表頭和一般單元格要區分開，表頭標題用th，內容單元格用td；