摘要:一什么是語義化語義化是指根據(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)題 |
|
定義 | |
定義日期/時(shí)間 | |
規(guī)定自包含內(nèi)容,比如圖示、圖表、照片、代碼清單等 | |
定義重要的或強(qiáng)調(diào)的文本 |
優(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
摘要:一語義化的背景結(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...
摘要:一語義化的背景結(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...
摘要:一什么是語義化語義化是指根據(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)容或...
摘要:語義化和的重要性約定,對(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...
閱讀 1056·2021-11-25 09:43
閱讀 1426·2021-11-18 10:02
閱讀 1869·2021-11-02 14:41
閱讀 2381·2019-08-30 15:55
閱讀 1080·2019-08-29 16:18
閱讀 2564·2019-08-29 14:15
閱讀 1400·2019-08-26 18:13
閱讀 746·2019-08-26 10:27