HTML 標籤語義化
阿新 • • 發佈：2018-12-29
一些對HTML標籤語義化的理解
1、什麼是 標籤語義化？
標籤語義化，我的理解就是，選擇一個合適的、具有語義而不是毫無意義的標籤，去包裹你想要的內容；再通俗點就是可以讓人一看到就知道什麼意思的標籤。
2、HTML語義化標籤有哪些？
html新增的結構標籤，可以簡單看成，一個頁面用“結構標籤”按表達不同的內容，分成不同的區域(下面列舉一些，並附上鍊接)。
| 標籤 | 描述 |
|---|---|
| h1-h6 | 定義 HTML 標題。 |
| header | 定義 section 或 page 的頁首。 |
| article | 定義文章 |
| footer | 定義 section 或 page 的頁尾。 |
| nav | 定義導航連結 |
| aside | 定義頁面內容之外的內容 |
| section | 定義頁面內容之外的內容 |
| datalist | 定義頁面內容之外的內容 |
3、為什麼要用語義化標籤？
在經過了一段時間的查詢後，我總結出了下列幾點原因：
- 有利於SEO，和搜尋引擎建立良好溝通，有助於爬蟲抓取更多的有效資訊：爬蟲依賴於標籤來確定上下文和各個關鍵字的權重（我沒測試過…）；
- 在去掉或樣式丟失的時候能讓頁面呈現清晰的結構；
- PDA、手機等裝置可能無法像普通電腦的瀏覽器一樣來渲染網頁（因為這些裝置對 CSS 的支援較弱）使用語義標記可以確保這些裝置以一種有意義的方式來渲染網頁。理想情況下，觀看裝置的任務是符合裝置本身的條件來渲染網頁;
便於團隊開發和維護，語義化更具可讀性，是下一步吧網頁的重要動向，遵循W3C標準的團隊都遵循這個標準，可以減少差異化。
大概就是這些吧。這有一位大神關於這方面的講解，可以看看這有一位大神關於這方面的講解，可以看看