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

資訊專欄INFORMATION COLUMN

前端語義化

NSFish / 1167人閱讀

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

一、什么是語義化?

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

二、如何理解語義化?

語義化的意圖主要在于能讓人和機(jī)器快熟的理解內(nèi)容或者代碼的含義,用中國的一句俗語來理解就是"見人說人話,見鬼說鬼話"。?例如我們?cè)陧撁鎸ふ乙粋€(gè)標(biāo)題

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

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

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

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

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

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

0條評(píng)論

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