下面補充一下

1、什么是html語義化

選擇合適的html標簽，便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析。

2、為什么要語義化？

為了在沒有CSS的情況下，頁面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu):為了裸奔時好看；
用戶體驗：例如title、alt用于解釋名詞或解釋圖片信息、label標簽的活用；
有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標簽來確定上下文和各個關鍵字的權(quán)重；
方便其他設備解析（如屏幕閱讀器、盲人閱讀器、移動設備）以意義的方式來渲染網(wǎng)頁；
便于團隊開發(fā)和維護，語義化更具可讀性，是下一步吧網(wǎng)頁的重要動向，遵循W3C標準的團隊都遵循這個標準，可以減少差異化。

3、寫HTML代碼時應注意什么？

 　1. 盡可能少的使用無語義的標簽div和span；
    2. 在語義不明顯時，既可以使用div或者p時，盡量用p, 因為p在默認情況下有上下間距，對兼容特殊終端有利；
    3. 不要使用純樣式標簽和規(guī)范不支持的標簽，如：b、font、u、center,strike,menu等，改用css設置。
    4. 需要強調(diào)的文本，可以包含在strong或者em標簽中（瀏覽器預設樣式，能用CSS指定就不用他們），strong默認樣式是加粗（不要用b），em是斜體（不用i）；
    5. 使用表格時，標題要用caption，表頭用thead，主體部分用tbody包圍，尾部用tfoot包圍。表頭和一般單元格要區(qū)分開，表頭用th，單元格用td；
    6. 表單域要用fieldset標簽包起來，并用legend標簽說明表單的用途；
    7. 每個input標簽對應的說明文本都需要使用label標簽，并且通過為input設置id屬性，在lable標簽中設置for=someld來讓說明文本和相對應的input關聯(lián)起來。
    8. 不要省略某些標簽的屬性,<img>標簽的alt屬性的作用是當圖片不能正常顯示的時候的替換文字，<a>標簽的title屬性可作為說明信息，并且當鼠標hover時顯示為提示信息。

雅虎一道面試題：

<P>  哥寫的不是HTML，是寂寞。<br><br>  我說：<br>不要迷戀哥，哥只是一個傳說

其中存在的問題：

1.  html與xhtml標準的區(qū)別，xhtml有嚴謹?shù)慕Y(jié)構(gòu)，標簽必須關閉，單標簽最后需要添加/來關閉，并且標簽都必須小寫；
2. 結(jié)構(gòu)和樣式的分離，不應該使用<br/>來控制樣式，合理設計結(jié)構(gòu)，換行的段落需要為每個段落都添加p,樣式需要利用css實現(xiàn);
 3. 合理利用標簽，注重標簽語義化，縮略可以用<abbr>標注，“我”可以用<cite>標注，引用的說話內(nèi)容可以用<q>標記；

//代碼參考如下
<p>哥寫的不是<abbr title="Hypertext Markup Language">HTML</abbr>，是寂寞。</p>
<p><cite>我</cite>說：<q>不要迷戀哥，哥只是一個傳說</q></p>

以上就是Html技巧 語義化你的代碼 的詳細內(nèi)容，更多關于Html語義化的資料請關注腳本之家其它相關文章！