源自：
相信大家都知道html和css，知道html結構和css表現分離，知道html語義化，這些都是這幾年的熱門關鍵字。語義化的html在國內也是一兩年前才開始被追捧的，看看現在群裡談論的html結構，關於html結構的面試題，語義化的html佔據了很大一部分。那麼為什麼要使用語義化的html？語義化的html到底有什麼好處呢？
語義化的html結構首先要強調html結構
html結構是頁面的骨架，乙個頁面就好像一幢房子，html結構就是鋼精鋼筋混泥土的牆，一幢房子如果沒有鋼精鋼筋混泥土的牆那就是一堆費磚頭，不能住人，不能辦公。css是裝飾材料，是原木地板，是大理石，是油漆，是用來裝飾房子的，css的強大就不用多說了，css如果沒有html結構那就是一堆木板，一同油漆，沒有了實際使用價值。css完全依靠引用它的(x)html文件。如果你想使css的能力充分發揮到極致，提供乙個用既乾淨又有結構的內容的html是非常必要的，「html是在網際網路上發布超文字的通用語……html使用標籤來對文字結構化」（
語義化的html結構怎麼寫？
html是一種對文字內容進行結構和意義（或者說「語義」）進行補充的方法。它會告訴我們說：「這行是乙個標題，這幾行組成了乙個段落。這些文字是專案列表，這些文字是鏈結到網際網路上另乙個檔案的超連結。」值得注意的是，不應該讓html來告訴我們：「這些文字是藍色的，這些文字又是紅色的。這部分內容是最最靠右的一欄，這行內容是斜體字。」這些和表現相關的資訊是css的工作。在做前端開發的時候要記住：html告訴我們一塊內容是什麼（或其意義），而不是它長的什麼樣子。當我們提到「語義標記」的時候，我們所說的html應該是完全脫離表現資訊的，其中的標籤應該都是語義化地定義了文件的結構。
語義化的html結構到底有什麼好處？
我們知道html5新增的標籤，比如和，html正在朝著更加健壯的語義化的html結構發展，xhtml2在這點上沒html5先進，這也是xhtml2死亡的乙個原因，這一點也說明了語義化的html結構是html的發展趨勢。
1.去掉或樣式丟失的時候能讓頁面呈現清晰的結構：
html本身是沒有表現的，我們看到例如是粗體，字型大小2em，加粗；是加粗的，不要認為這是html的表現，這些其實html預設的css樣式在起作用，所以去掉或樣式丟失的時候能讓頁面呈現清晰的結構不是語義化的html結構的優點，但是瀏覽器都有有預設樣式，預設樣式的目的也是為了更好的表達html的語義，可以說瀏覽器的預設樣式和語義化的html結構是不可分割的。
2.螢幕閱讀器（如果訪客有視障）會完全根據你的標記來「讀」你的網頁.
例如,如果你使用的含語義的標記,螢幕閱讀器就會「逐個拼出」你的單詞,而不是試著去對它完整發音.
3.pda、手機等裝置可能無法像普通電腦的瀏覽器一樣來渲染網頁（通常是因為這些裝置對css的支援較弱）.
使用語義標記可以確保這些裝置以一種有意義的方式來渲染網頁.理想情況下,**裝置的任務是符合裝置本身的條件來渲染網頁.
語義標記為裝置提供了所需的相關資訊,就省去了你自己去考慮所有可能的顯示情況（包括現有的或者將來新的裝置）.例如,一部手機可以選擇使一段標記了標題的文字以粗體顯示.而掌上電腦可能會以比較大的字型來顯示.無論哪種方式一旦你對文字標記為標題,您就可以確信讀取裝置將根據其自身的條件來合適地顯示頁面.
4.搜尋引擎的爬蟲也依賴於標記來確定上下文和各個關鍵字的權重.
過去你可能還沒有考慮搜尋引擎的爬蟲也是**的「訪客」,但現在它們他們實際上是極其寶貴的使用者.沒有他們的話,搜尋引擎將無法索引你的**,然後一般使用者將很難過來訪問.
5.你的頁面是否對爬蟲容易理解非常重要,因為爬蟲很大程度上會忽略用於表現的標記,而只注重語義標記.
6.便於團隊開發和維護
w3c給我們定了乙個很好的標準，在團隊中大家都遵循這個標準，可以減少很多差異化的東西，方便開發和維護，提高開發效率，甚至實現模組化開發。
感謝鬼哥，奶茶，小志，偷公尺飯，caspar還有css森林群的討論
什麼是HTML語義化？有哪些好處？
html語義化就是用合理 正確的標籤來展示內容。採用div css布局我們的頁面。但是這樣的布局方式不僅使我們的文件結構不夠清晰，而且不利於瀏覽器對頁面的讀取。語義化標籤也能讓瀏覽器更好的讀取頁面結構。再就是便於團隊開發和維護，語義化更具可讀性，遵循w3c標準的團隊都遵循這個標準，可以減少差異化。常...
HTML語義化是什麼？為什麼要語義化？
經過檢視別人博文中的一些描述，我將html的語義化總結為 用最恰當的標籤來標記內容。該如何理解呢？比如需要加入乙個標題，這個標題的字型比正文的要大寫，還要加粗。能夠實現這種效果的方法有很多，比如用css樣式進行渲染。這樣的效果看起來像是乙個標題，但是他對瀏覽器來說，只是乙個被渲染過的文字，無法知道他...
什麼是HTML語義化
1.什麼是語義化 根據內容的結構化 內容語義化 選擇合適的標籤 語義化 便於開發者閱讀和寫出更優雅的 的同時讓瀏覽器的爬蟲和機器很好地解析。2.語義化的好處 a.為了在沒有css的情況下，頁面也能呈現出很好地內容結構 結構 d.方便其他裝置解析 如螢幕閱讀器 盲人閱讀器 移動裝置 以有意義的方式來渲...