語(yǔ)義化的HTML結(jié)構(gòu)有哪一些對(duì)于對(duì)網(wǎng)站的優(yōu)化
發(fā)表時(shí)間:2024-05-07 來(lái)源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]這次給大家?guī)?lái)語(yǔ)義化的HTML結(jié)構(gòu)有哪些對(duì)于對(duì)網(wǎng)站的優(yōu)化,語(yǔ)義化的HTML結(jié)構(gòu)的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。一:1. 語(yǔ)義化標(biāo)簽只是HTML,CSS不存在語(yǔ)義化。HTML是標(biāo)簽,CSS是屬性。2. 語(yǔ)義化標(biāo)簽簡(jiǎn)歷在文檔化頁(yè)面的基礎(chǔ)上面,將網(wǎng)頁(yè)當(dāng)做是一個(gè)文檔,DOM中的D(doc...
這次給大家?guī)?lái)
語(yǔ)義化的HTML結(jié)構(gòu)有哪些對(duì)于對(duì)網(wǎng)站的優(yōu)化,語(yǔ)義化的HTML結(jié)構(gòu)的
注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。
一:
1. 語(yǔ)義化標(biāo)簽只是HTML,CSS不存在語(yǔ)義化。HTML是標(biāo)簽,CSS是屬性。
2. 語(yǔ)義化標(biāo)簽簡(jiǎn)歷在文檔化頁(yè)面的基礎(chǔ)上面,將網(wǎng)頁(yè)當(dāng)做是一個(gè)文檔,DOM中的D(document)以及在書(shū)寫(xiě)js是用到的document就已經(jīng)很清晰的告訴我們,計(jì)算機(jī)將頁(yè)面當(dāng)做是一個(gè)document,我們也可以將頁(yè)面歸為document的一種。
3. HTML標(biāo)簽本身是意義的。如p---paragraph,li---list,img---image但是有些是無(wú)語(yǔ)義化的如p---pision并不能呢個(gè)表示p標(biāo)簽里面內(nèi)容的屬性和表現(xiàn)樣式。
4. HTML5在運(yùn)來(lái)HTML的基礎(chǔ)上根據(jù)大部分人的開(kāi)發(fā)習(xí)慣和一般的網(wǎng)站頁(yè)面展現(xiàn)形式,增加了語(yǔ)義化的標(biāo)簽如<header><footer><nav><article>.
5. 個(gè)人理解是HTML是定義好屬性的XML,語(yǔ)義化HTML可以讓頁(yè)面結(jié)構(gòu)更清晰,寫(xiě)更少的CSS和JS,以及更有利于SEO.
二:
搜索引擎的爬蟲(chóng)也依賴于標(biāo)記來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重.
過(guò)去你可能還沒(méi)有考慮搜索引擎的爬蟲(chóng)也是網(wǎng)站的“訪客”,但現(xiàn)在它們他們實(shí)際上是極其寶貴的用戶.沒(méi)有他們的話,搜索引擎將無(wú)法索引你的網(wǎng)站,然后一般用戶將很難過(guò)來(lái)訪問(wèn).
6. 你的頁(yè)面是否對(duì)爬蟲(chóng)容易理解非常重要,因?yàn)榕老x(chóng)很大程度上會(huì)忽略用于表現(xiàn)的標(biāo)記,而只注重語(yǔ)義標(biāo)記.
因此,如果頁(yè)面文件的標(biāo)題被標(biāo)記,而不是,那么這個(gè)頁(yè)面在搜索結(jié)果的位置可能會(huì)比較靠后.
相信看了這些案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
相關(guān)閱讀:
HTML文本格式化的實(shí)例詳解
html中頻繁用的標(biāo)簽總結(jié)
html標(biāo)題,段落,換行,水平線,特殊字符應(yīng)該如何使用
以上就是語(yǔ)義化的HTML結(jié)構(gòu)有哪些對(duì)于對(duì)網(wǎng)站的優(yōu)化的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。