成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端語(yǔ)義化

MarvinZhang / 1771人閱讀

摘要:一什么是語(yǔ)義化語(yǔ)義化是指根據(jù)內(nèi)容的結(jié)構(gòu)化內(nèi)容語(yǔ)義化,選擇合適的標(biāo)簽代碼語(yǔ)義化,便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼的同時(shí),讓瀏覽器的爬蟲(chóng)和機(jī)器很好的解析。

一、什么是語(yǔ)義化?

語(yǔ)義化是指根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語(yǔ)義化),選擇合適的標(biāo)簽(代碼語(yǔ)義化),便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼的同時(shí),讓瀏覽器的爬蟲(chóng)和機(jī)器很好的解析。

二、如何理解語(yǔ)義化?

語(yǔ)義化的意圖主要在于能讓人和機(jī)器快熟的理解內(nèi)容或者代碼的含義,用中國(guó)的一句俗語(yǔ)來(lái)理解就是"見(jiàn)人說(shuō)人話,見(jiàn)鬼說(shuō)鬼話"。?例如我們?cè)陧?yè)面尋找一個(gè)標(biāo)題

// 非語(yǔ)義化標(biāo)簽查找
if(this == "這可能是一個(gè)內(nèi)容是標(biāo)題的標(biāo)簽"){
 if(this == "這個(gè)標(biāo)簽里面是標(biāo)題") {
  console.log("找到了")
 }
}
// 語(yǔ)義化
if(this == "這是一個(gè)標(biāo)題標(biāo)簽"){
 console.log("找到了")
}
三、有哪些語(yǔ)義化標(biāo)簽?
標(biāo)簽 含義
用于規(guī)定文檔或節(jié)的頁(yè)眉
定義導(dǎo)航鏈接
規(guī)定文檔的主內(nèi)容
定義文檔或節(jié)的頁(yè)腳
定義文檔中的節(jié)
定義文章
定義頁(yè)面內(nèi)容以外的內(nèi)容
定義用戶能夠查看或隱藏的額外細(xì)節(jié)
定義
元素的可見(jiàn)標(biāo)題
定義
元素的標(biāo)題
定義日期/時(shí)間
規(guī)定自包含內(nèi)容,比如圖示、圖表、照片、代碼清單等
定義重要的或強(qiáng)調(diào)的文本
四、語(yǔ)義化有什么優(yōu)點(diǎn)?

優(yōu)點(diǎn):

標(biāo)簽語(yǔ)義化有助于構(gòu)架良好的HTML結(jié)構(gòu),有利于搜索引擎的建立索引、抓取。簡(jiǎn)單來(lái)說(shuō),試想在H1標(biāo)簽中匹配到的關(guān)鍵詞和在div中匹配到的關(guān)鍵詞搜索引擎會(huì)吧那個(gè)結(jié)果放在前面。

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

有利于構(gòu)建清晰的結(jié)構(gòu),有利于團(tuán)隊(duì)的開(kāi)發(fā)、維護(hù)

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/54237.html

相關(guān)文章

  • 前端面試題-HTML結(jié)構(gòu)語(yǔ)義

    摘要:一語(yǔ)義化的背景結(jié)構(gòu)語(yǔ)義化,是近幾年才提出來(lái)的,對(duì)比之前的結(jié)構(gòu),大多是一堆沒(méi)有語(yǔ)義的標(biāo)簽。用的最多的就是,為了改變這種現(xiàn)狀,開(kāi)發(fā)者們和官方提出了結(jié)構(gòu)語(yǔ)義化的概念,并且在添加了很多語(yǔ)義化標(biāo)簽。 一、HTML語(yǔ)義化的背景 HTML結(jié)構(gòu)語(yǔ)義化,是近幾年才提出來(lái)的,對(duì)比之前的 HTML 結(jié)構(gòu),大多是一堆沒(méi)有語(yǔ)義的標(biāo)簽。用的最多的就是 DIV+CSS,為了改變這種現(xiàn)狀,開(kāi)發(fā)者們和官方提出了 HTM...

    chuyao 評(píng)論0 收藏0
  • 前端面試題-HTML結(jié)構(gòu)語(yǔ)義

    摘要:一語(yǔ)義化的背景結(jié)構(gòu)語(yǔ)義化,是近幾年才提出來(lái)的,對(duì)比之前的結(jié)構(gòu),大多是一堆沒(méi)有語(yǔ)義的標(biāo)簽。用的最多的就是,為了改變這種現(xiàn)狀,開(kāi)發(fā)者們和官方提出了結(jié)構(gòu)語(yǔ)義化的概念,并且在添加了很多語(yǔ)義化標(biāo)簽。 一、HTML語(yǔ)義化的背景 HTML結(jié)構(gòu)語(yǔ)義化,是近幾年才提出來(lái)的,對(duì)比之前的 HTML 結(jié)構(gòu),大多是一堆沒(méi)有語(yǔ)義的標(biāo)簽。用的最多的就是 DIV+CSS,為了改變這種現(xiàn)狀,開(kāi)發(fā)者們和官方提出了 HTM...

    booster 評(píng)論0 收藏0
  • 前端語(yǔ)義

    摘要:一什么是語(yǔ)義化語(yǔ)義化是指根據(jù)內(nèi)容的結(jié)構(gòu)化內(nèi)容語(yǔ)義化,選擇合適的標(biāo)簽代碼語(yǔ)義化,便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼的同時(shí),讓瀏覽器的爬蟲(chóng)和機(jī)器很好的解析。 一、什么是語(yǔ)義化? 語(yǔ)義化是指根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語(yǔ)義化),選擇合適的標(biāo)簽(代碼語(yǔ)義化),便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼的同時(shí),讓瀏覽器的爬蟲(chóng)和機(jī)器很好的解析。 二、如何理解語(yǔ)義化? 語(yǔ)義化的意圖主要在于能讓人和機(jī)器快熟的理解內(nèi)容或...

    NSFish 評(píng)論0 收藏0
  • 前端進(jìn)階系列(一):SEO和HTML語(yǔ)義

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

    songjz 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<