觸屏版
全國服務(wù)熱線:0571-87205688
登錄
注冊
客戶中心
關(guān)注云客
"最好的SEO就是無SEO"確實(shí)道出了很多SEO老鳥人的心聲.最近在網(wǎng)上看到一些關(guān)于web標(biāo)準(zhǔn)和SEO的關(guān)系,覺得寫的不錯,整理轉(zhuǎn)載一下以留翻閱.
要了解web標(biāo)準(zhǔn)和SEO的關(guān)系,必須得先了解什么是"web標(biāo)準(zhǔn)",估計(jì)大家去網(wǎng)上查了非常多的解釋文檔,還是有點(diǎn)霧里看花,似懂非懂的感覺,我不想從網(wǎng)上抄一段話過來給大家,這樣最終還是無法理解,要理解web標(biāo)準(zhǔn),還得從構(gòu)建一個基本的網(wǎng)頁開始講起:
例如:我要寫一個最簡單的網(wǎng)頁,必須要使用html標(biāo)記,比如:我要強(qiáng)調(diào)文字,我得用<strong>標(biāo)簽,我要改變文字顏色,我得再加一個<font color="顏色">的標(biāo)簽,我想另起一段,得用<>標(biāo)簽,我不可能用<jacu>這個毫無意義的標(biāo)簽來強(qiáng)調(diào)文字,因?yàn)楦緵]有這種標(biāo)簽,瀏覽器也無法解析,于是W3C(萬維網(wǎng)協(xié)會,一個組織機(jī)構(gòu))就站出來了,對全世界互聯(lián)網(wǎng)從業(yè)者說:"大家都提點(diǎn)意見,我們來把這些標(biāo)簽統(tǒng)一下,哪個能用哪些不能用;然后大家再給這些標(biāo)簽一個統(tǒng)一的,合理的解釋,關(guān)鍵詞排名優(yōu)化,讓大家明白這些標(biāo)簽是用來做什么用的",經(jīng)過無次數(shù)討論之后.于是乎最終出臺了html 1.0標(biāo)準(zhǔn),經(jīng)過后來的不斷的修改和更新,漸漸有了更多的網(wǎng)頁標(biāo)準(zhǔn),如html 2.0…h(huán)tml 4.01,到現(xiàn)在大家網(wǎng)頁中最常使用的xmhtml1.0/1.1,以及還未正式出臺的xmhtml 2.0標(biāo)準(zhǔn),標(biāo)準(zhǔn)的更新都是向前兼容的,我們在制作網(wǎng)頁的時候,網(wǎng)頁頂部通常有這樣一句話:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> 這個實(shí)際就是定義了你的文檔模型,是用xhtml 1.0標(biāo)準(zhǔn)去解釋的.
但是到了后來網(wǎng)頁排版越來越復(fù)雜,僅僅是靠這些html標(biāo)記無法做出漂亮,美觀的頁面,必須還得輔助一些其它的工具,比如我想讓某個圖片偏移20px,又或者想文字間隔5px,僅僅靠html實(shí)現(xiàn)實(shí)在是比登天還難.這個時候W3C又坐不住了,于是乎又站出來呼吁:"我們再定義一些東西可能實(shí)現(xiàn)這個功能",在經(jīng)過無數(shù)次的討論之后,CSS 1.0的標(biāo)準(zhǔn)出臺了.用這個可以很簡單的實(shí)現(xiàn)內(nèi)容偏移,間隔等效果.經(jīng)過發(fā)展,到后面的css 2.0,css 3.0.所有人在用CSS定義樣式的時候,都必須遵循這個標(biāo)準(zhǔn).
再到了后面,人們又發(fā)現(xiàn)僅靠html和CSS還是不完美.它缺乏人機(jī)界面的交互,無法實(shí)現(xiàn)動態(tài)的效果.要是能讓網(wǎng)頁上的東西動起來就更完美了,于是w3c又出臺了emascript標(biāo)準(zhǔn),他規(guī)定了文檔對象模型接口.語法等內(nèi)容.比如大家常用的javascript就是符合emascript標(biāo)準(zhǔn)的.
OK,到了現(xiàn)在一切似乎都完美了.有了html標(biāo)準(zhǔn),有了css標(biāo)準(zhǔn),也有了emascript標(biāo)準(zhǔn),我們終于可以做出很好看的網(wǎng)頁了,我們把這些標(biāo)準(zhǔn)收聚在一起,就形成了web標(biāo)準(zhǔn),那么什么樣的網(wǎng)頁才是符合web標(biāo)準(zhǔn)的?比如一段html是這樣寫的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html>
<head>
<title>demo</title>
</head>
<body>
<p><font color="#ff0000″>正文內(nèi)容</font><p>
<img src=http://sem.cm/seo/"x.jpg" />
<dl>
<dt><h1>標(biāo)題</h1></dt>
<dd>內(nèi)容</dd>
<dd>內(nèi)容</dd>
<dl>
<b>內(nèi)容</b>
</body>
那么這段代碼是否符合web標(biāo)準(zhǔn)呢,我們再來分析這些代碼,第一行你定義了你的文檔類型是xhtml 1.0,也就是說你的所有html標(biāo)簽的寫法必須遵行這個標(biāo)準(zhǔn),在body內(nèi)的第一個<p>標(biāo)簽中,font標(biāo)簽已經(jīng)在這個標(biāo)準(zhǔn)中被棄用了,color屬性也在這個標(biāo)簽中被棄用了,所以這段話不符合web標(biāo)準(zhǔn),再來看<img>標(biāo)簽,它的align屬性定義了圖片的對齊方式,但缺少了alt屬性,在xhtml 1.0標(biāo)準(zhǔn)中,img是必須定義alt屬性的.所以這段代碼也不符合1.0的標(biāo)準(zhǔn),再看dl標(biāo)簽,dt定義了標(biāo)題,嵌套了<h1>標(biāo)簽,根據(jù)xhtml 1.0的定義.<dt>標(biāo)簽中不允許嵌套<h1>標(biāo)簽,所以同樣也不符合1.0標(biāo)準(zhǔn),再看最后一個<b>標(biāo)簽,謝天謝地.這個標(biāo)簽終于符合web標(biāo)準(zhǔn)了.但是w3c已經(jīng)說了.我們暫時保留這個標(biāo)簽的意義.不過還是推薦大家使用<strong>標(biāo)簽,這個語義性更強(qiáng).在后面新的標(biāo)準(zhǔn)中,我們可能取消<b>標(biāo)簽做為標(biāo)準(zhǔn)標(biāo)簽.關(guān)于html標(biāo)準(zhǔn)的約束請大家查看相應(yīng)文檔.
評論(0人參與,0條評論)
發(fā)布評論
最新評論