淺談?wù)Z義化的HTML結(jié)構(gòu)到底有什么好處
一:
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)以及在書寫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ǔ)義化的如div---division并不能呢個(gè)表示div標(biāo)簽里面內(nèi)容的屬性和表現(xiàn)樣式。
4. HTML5在運(yùn)來(lái)HTML的基礎(chǔ)上根據(jù)大部分人的開發(fā)習(xí)慣和一般的網(wǎng)站頁(yè)面展現(xiàn)形式,增加了語(yǔ)義化的標(biāo)簽如<header><footer><nav><article>.
5. 個(gè)人理解是HTML是定義好屬性的XML,語(yǔ)義化HTML可以讓頁(yè)面結(jié)構(gòu)更清晰,寫更少的CSS和JS,以及更有利于SEO.
二:
搜索引擎的爬蟲也依賴于標(biāo)記來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重.
過(guò)去你可能還沒(méi)有考慮搜索引擎的爬蟲也是網(wǎng)站的“訪客”,但現(xiàn)在它們他們實(shí)際上是極其寶貴的用戶.沒(méi)有他們的話,搜索引擎將無(wú)法索引你的網(wǎng)站,然后一般用戶將很難過(guò)來(lái)訪問(wèn).
6. 你的頁(yè)面是否對(duì)爬蟲容易理解非常重要,因?yàn)榕老x很大程度上會(huì)忽略用于表現(xiàn)的標(biāo)記,而只注重語(yǔ)義標(biāo)記.
因此,如果頁(yè)面文件的標(biāo)題被標(biāo)記,而不是,那么這個(gè)頁(yè)面在搜索結(jié)果的位置可能會(huì)比較靠后.
以上這篇淺談?wù)Z義化的HTML結(jié)構(gòu)到底有什么好處就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持我們。
上一篇:向div元素添加圓角邊框的實(shí)現(xiàn)方法
欄 目:CSS/HTML
下一篇:淺談HTML代碼中的空格和空行
本文標(biāo)題:淺談?wù)Z義化的HTML結(jié)構(gòu)到底有什么好處
本文地址:http://mengdiqiu.com.cn/a1/CSS_HTML/9618.html
您可能感興趣的文章
- 01-10常用HTML meta 標(biāo)簽屬性(網(wǎng)站兼容與優(yōu)化需要)
- 01-10HTML的checkbox和radio樣式美化的簡(jiǎn)單實(shí)例
- 01-10淺談html中input只讀屬性readonly和disable的區(qū)別
- 01-10淺談表單中的只讀和禁用屬性
- 01-10不可不知的HTML優(yōu)化技巧
- 01-10dns-prefetch是什么 前端優(yōu)化:DNS預(yù)解析提升頁(yè)面速度
- 01-10關(guān)于input的file 控件及美化
- 01-10使用語(yǔ)義化標(biāo)簽去寫你的HTML 兼容IE6,7,8
- 01-10淺談HTML代碼中的空格和空行
- 01-10淺談HTML空鏈接的作用


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 04-02表格樣式css樣式,css樣式表單
- 04-02好看的字體樣式css,好看的字體樣式圖
- 04-02分頁(yè)樣式css,分頁(yè)樣式j(luò)q
- 04-02分頁(yè)樣式css,分頁(yè)樣式欄里用來(lái)定義首
- 04-02css樣式的引入,css樣式怎么引入
- 04-02css滾動(dòng)條樣式,css滾動(dòng)條的樣式
- 04-02css樣式引入方式有幾種,網(wǎng)頁(yè)引入css樣
- 04-02html中加入css樣式的簡(jiǎn)單介紹
- 04-02vue中的css樣式布局,vue添加css樣式
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表
隨機(jī)閱讀
- 01-10bat批處理徹底隱藏文件的方法(使用
- 08-05DEDECMS點(diǎn)擊主欄目默認(rèn)顯示第一個(gè)子欄
- 08-05織夢(mèng)dedecms首頁(yè)調(diào)用縮略圖為背景
- 08-05dedecms織夢(mèng)模板全站調(diào)用收藏?cái)?shù)的方法
- 01-10C++ 類訪問(wèn)控制的條件總結(jié)
- 01-10C++實(shí)現(xiàn)將數(shù)組中的值反轉(zhuǎn)
- 01-11常用的HTML富文本編譯器UEditor、CKEdi
- 01-10C語(yǔ)言打印楊輝三角示例匯總
- 08-05dedecms織夢(mèng)模板編輯文檔的同時(shí)自動(dòng)更
- 01-10vue實(shí)現(xiàn)分頁(yè)加載效果