語義化標籤理解

什麼是語義化標籤？

根據內容的結構化（內容語義化），選擇合適的標籤（代碼語義化）便於開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲更好地解析。
使用語義化標籤有諸多好處：

1. 由於像部分標籤自帶樣式如h1系列，p等，使用語義化的標籤能夠在樣式加載不出的時候有基本樣式，而不顯混亂
2. 語義化標籤也有利於SEO，語義化標籤能夠有利於爬蟲抓取到網頁，由於爬蟲依賴於標籤來肯定上下文和各個關鍵字的權重。
3. 語義化標籤的實現有利於一些特殊設備的解析，好比盲人閱讀器，這爲他們瀏覽網頁帶來了便利
4. 語義化標籤代碼可讀性良好，便於代碼維護

語義化標籤的實現？

• 儘量少的使用div, span等無心義的標籤，div和span沒有含義，也所以十分適合做爲容器標籤
• 儘可能不要使用純樣式標籤如<font><b><u>等，用css替代
• 須要強調的地方，能夠使用strong和em，不要使用b
• label for標籤的使用，將輸入框和對應文字聯繫起來
• alt除了作圖片解釋之外，能夠做爲頁面未加載出來的文字
• 使用br增長行間距的行爲是錯誤的，<br />標籤主要用於文本內容換行
• 表格的caption,thead,tbody等的使用
• html5新加的語義化標籤，如<header>,<aside>,<article>,<section>,<footer>,<nav>等