資訊專欄INFORMATION COLUMN
摘要：一什么是語義化語義化是指根據內容的結構化內容語義化，選擇合適的標簽代碼語義化，便于開發者閱讀和寫出更優雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。
一、什么是語義化？
語義化是指根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化），便于開發者閱讀和寫出更優雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。
二、如何理解語義化?語義化的意圖主要在于能讓人和機器快熟的理解內容或者代碼的含義，用中國的一句俗語來理解就是"見人說人話，見鬼說鬼話"。?例如我們在頁面尋找一個標題
// 非語義化標簽查找
if（this == "這可能是一個內容是標題的標簽"）{
if(this == "這個標簽里面是標題") {
console.log("找到了")
}
}
// 語義化
if（this == "這是一個標題標簽"）{
console.log("找到了")
}
三、有哪些語義化標簽?
| 標簽 | 含義 |
|---|---|
| 用于規定文檔或節的頁眉 | |
| 定義導航鏈接 | |
| 規定文檔的主內容 | |
| 定義文檔或節的頁腳 | |
| 定義文檔中的節 | |
| 定義文章 | |
| 定義頁面內容以外的內容 | |
| 定義用戶能夠查看或隱藏的額外細節 | |
| 定義 元素的可見標題 |
|
| 定義 |
|
| 定義日期/時間 | |
| 規定自包含內容，比如圖示、圖表、照片、代碼清單等 | |
| 定義重要的或強調的文本 |
優點：
標簽語義化有助于構架良好的HTML結構，有利于搜索引擎的建立索引、抓取。簡單來說，試想在H1標簽中匹配到的關鍵詞和在div中匹配到的關鍵詞搜索引擎會吧那個結果放在前面。
有利于不同設備的解析（屏幕閱讀器，盲人閱讀器等）滿是div的頁面這些設備如何區分那些是主要內容優先閱讀
有利于構建清晰的結構，有利于團隊的開發、維護
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/105953.html
摘要：一語義化的背景結構語義化，是近幾年才提出來的，對比之前的結構，大多是一堆沒有語義的標簽。用的最多的就是，為了改變這種現狀，開發者們和官方提出了結構語義化的概念，并且在添加了很多語義化標簽。 一、HTML語義化的背景 HTML結構語義化，是近幾年才提出來的，對比之前的 HTML 結構，大多是一堆沒有語義的標簽。用的最多的就是 DIV+CSS，為了改變這種現狀，開發者們和官方提出了 HTM...
摘要：一語義化的背景結構語義化，是近幾年才提出來的，對比之前的結構，大多是一堆沒有語義的標簽。用的最多的就是，為了改變這種現狀，開發者們和官方提出了結構語義化的概念，并且在添加了很多語義化標簽。 一、HTML語義化的背景 HTML結構語義化，是近幾年才提出來的，對比之前的 HTML 結構，大多是一堆沒有語義的標簽。用的最多的就是 DIV+CSS，為了改變這種現狀，開發者們和官方提出了 HTM...
摘要：一什么是語義化語義化是指根據內容的結構化內容語義化，選擇合適的標簽代碼語義化，便于開發者閱讀和寫出更優雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。 一、什么是語義化？ 語義化是指根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化），便于開發者閱讀和寫出更優雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。 二、如何理解語義化? 語義化的意圖主要在于能讓人和機器快熟的理解內容或...
摘要：語義化和的重要性約定，對所列出來的標簽進行解析。比如，會根據某些特定的指令，直接給出針對性的結果，現在在搜索引擎可以直接查天氣，查航班。我覺得這就是語義化標簽出現的意義吧。 基本概念 SEO：(Search Engine Optimization)意為搜索引擎優化。搜索引擎優化是一種利用搜索引擎的搜索規則來提高目的網站的自然排名的方式。說白了就是對品牌的自我宣傳，從而獲取收益。 HTM...
閱讀 1053·2021-11-25 09:43
閱讀 1421·2021-11-18 10:02
閱讀 1863·2021-11-02 14:41
閱讀 2376·2019-08-30 15:55
閱讀 1079·2019-08-29 16:18
閱讀 2563·2019-08-29 14:15
閱讀 1396·2019-08-26 18:13
閱讀 744·2019-08-26 10:27
