HTML語義化

何爲HTML語義化

語義化是指根據內容的結構化（內容語義化），選擇合適的標籤（代碼語義化），便於開發者閱讀和寫出更優雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。

爲何要語義化？

• 有利於SEO（搜索引擎優化），有助於爬蟲抓取更多的有效信息，爬蟲是依賴於標籤來肯定上下文和各個關鍵字的權重。

• 語義化的HTML在沒有CSS的狀況下也能呈現較好的內容結構與代碼結構

• 方便其餘設備的解析

• 便於團隊開發和維護

應該注意什麼？

• 儘量少的使用無語義的標籤div和span；

• 在語義不明顯時，既能夠使用div或者p時，儘可能用p, 由於p在默認狀況下有上下間距，對兼容特殊終端有利；

• 不要使用純樣式標籤，如：b、font、u等，改用css設置。

• 須要強調的文本，能夠包含在strong或者em標籤中（瀏覽器預設樣式，能用CSS指定就不用他們），strong默認樣式是加粗（不要用b），em是斜體（不用i）；

• 使用表格時，標題要用caption，表頭用thead，主體部分用tbody包圍，尾部用tfoot包圍。表頭和通常單元格要區分開，表頭用th，單元格用td；

• 表單域要用fieldset標籤包起來，並用legend標籤說明表單的用途；

• 每一個input標籤對應的說明文本都須要使用label標籤，而且經過爲input設置id屬性，在lable標籤中設置for=someld來讓說明文本和相對應的input關聯起來。