前端語義化

MarvinZhang 發(fā)布于2019-08-02 15:36 / 1762人閱讀

摘要：一什么是語義化語義化是指根據(jù)內(nèi)容的結構化內(nèi)容語義化，選擇合適的標簽代碼語義化，便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。

一、什么是語義化？

語義化是指根據(jù)內(nèi)容的結構化（內(nèi)容語義化），選擇合適的標簽（代碼語義化），便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。

二、如何理解語義化?

語義化的意圖主要在于能讓人和機器快熟的理解內(nèi)容或者代碼的含義，用中國的一句俗語來理解就是"見人說人話，見鬼說鬼話"。?例如我們在頁面尋找一個標題

// 非語義化標簽查找
if（this == "這可能是一個內(nèi)容是標題的標簽"）{
 if(this == "這個標簽里面是標題") {
  console.log("找到了")
 }
}
// 語義化
if（this == "這是一個標題標簽"）{
 console.log("找到了")
}

三、有哪些語義化標簽?

標簽	含義
	用于規(guī)定文檔或節(jié)的頁眉
	定義導航鏈接
	規(guī)定文檔的主內(nèi)容
	定義文檔或節(jié)的頁腳
	定義文檔中的節(jié)
	定義文章
	定義頁面內(nèi)容以外的內(nèi)容
	定義用戶能夠查看或隱藏的額外細節(jié)
	定義元素的可見標題
	定義元素的標題
	定義日期/時間
	規(guī)定自包含內(nèi)容，比如圖示、圖表、照片、代碼清單等
	定義重要的或強調(diào)的文本

四、語義化有什么優(yōu)點？

優(yōu)點：

標簽語義化有助于構架良好的HTML結構，有利于搜索引擎的建立索引、抓取。簡單來說，試想在H1標簽中匹配到的關鍵詞和在div中匹配到的關鍵詞搜索引擎會吧那個結果放在前面。

有利于不同設備的解析（屏幕閱讀器，盲人閱讀器等）滿是div的頁面這些設備如何區(qū)分那些是主要內(nèi)容優(yōu)先閱讀

有利于構建清晰的結構，有利于團隊的開發(fā)、維護

GPU云服務器云服務器語義化標簽語義化 html 標簽語義化語義分析

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54237.html

前端面試題-HTML結構語義化

摘要：一語義化的背景結構語義化，是近幾年才提出來的，對比之前的結構，大多是一堆沒有語義的標簽。用的最多的就是，為了改變這種現(xiàn)狀，開發(fā)者們和官方提出了結構語義化的概念，并且在添加了很多語義化標簽。一、HTML語義化的背景 HTML結構語義化，是近幾年才提出來的，對比之前的 HTML 結構，大多是一堆沒有語義的標簽。用的最多的就是 DIV+CSS，為了改變這種現(xiàn)狀，開發(fā)者們和官方提出了 HTM...

chuyao 2019-08-30 14:13 評論0 收藏0
前端面試題-HTML結構語義化

摘要：一語義化的背景結構語義化，是近幾年才提出來的，對比之前的結構，大多是一堆沒有語義的標簽。用的最多的就是，為了改變這種現(xiàn)狀，開發(fā)者們和官方提出了結構語義化的概念，并且在添加了很多語義化標簽。一、HTML語義化的背景 HTML結構語義化，是近幾年才提出來的，對比之前的 HTML 結構，大多是一堆沒有語義的標簽。用的最多的就是 DIV+CSS，為了改變這種現(xiàn)狀，開發(fā)者們和官方提出了 HTM...

booster 2019-08-01 18:43 評論0 收藏0
前端語義化

摘要：一什么是語義化語義化是指根據(jù)內(nèi)容的結構化內(nèi)容語義化，選擇合適的標簽代碼語義化，便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。一、什么是語義化？語義化是指根據(jù)內(nèi)容的結構化（內(nèi)容語義化），選擇合適的標簽（代碼語義化），便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時，讓瀏覽器的爬蟲和機器很好的解析。二、如何理解語義化? 語義化的意圖主要在于能讓人和機器快熟的理解內(nèi)容或...

NSFish 2019-08-26 10:18 評論0 收藏0
前端進階系列(一):SEO和HTML語義化

摘要：語義化和的重要性約定，對所列出來的標簽進行解析。比如，會根據(jù)某些特定的指令，直接給出針對性的結果，現(xiàn)在在搜索引擎可以直接查天氣，查航班。我覺得這就是語義化標簽出現(xiàn)的意義吧。基本概念 SEO：(Search Engine Optimization)意為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站的自然排名的方式。說白了就是對品牌的自我宣傳，從而獲取收益。 HTM...

songjz 2019-08-29 16:56 評論0 收藏0