這是標(biāo)題
 
  
  
  
 
  
  
  
這是一段文本內(nèi)容
 
  
  
  

可以看到這是一段xhtml 1.0過渡標(biāo)準(zhǔn)下的html.卻有很多錯(cuò)誤(錯(cuò)誤包括：***個(gè)div中

標(biāo)簽沒有結(jié)束標(biāo)簽.img沒有alt屬性。

標(biāo)簽也沒有結(jié)束標(biāo)簽)，但是如果把這段代碼放到瀏覽器中去執(zhí)行，卻可以看到正確的效果，

標(biāo)簽起作用了。P標(biāo)簽也起作用了,圖片也能顯示出來了，我們很奇怪為什么這段代碼連標(biāo)簽都沒寫對(duì)為什么在瀏覽器中卻能正確解析,如果我們假設(shè)這段代碼是沒有錯(cuò)的，它正確的dom結(jié)構(gòu)應(yīng)該為所示。

瀏覽器為什么能把錯(cuò)誤的代碼給正確解析出來呢？而且似乎能“猜測(cè)”到錯(cuò)誤代碼的真實(shí)意圖。原理就在于瀏覽器在構(gòu)建標(biāo)簽樹的時(shí)候，使用了詞典分析模式和整理模式（html tidy）。

簡(jiǎn)單的說，瀏覽器會(huì)把所有的標(biāo)簽及屬性與內(nèi)置的詞典里面的信息去匹配，如果匹配正常，就直接解析，如果匹配不正常。就啟用整理模式，整理模式會(huì)分析你錯(cuò)誤的代碼并進(jìn)行修復(fù)，比如將上面結(jié)尾處的

，

標(biāo)簽自動(dòng)改為結(jié)束標(biāo)記，又比如你寫入了一個(gè)文本的標(biāo)簽對(duì)。這個(gè)根本匹配不到，也無法修復(fù)。它就會(huì)將這個(gè)無效的標(biāo)簽對(duì)直接清除掉，僅保留里面的文字。

當(dāng)然瀏覽將html解析成dom樹時(shí)它并不會(huì)更改你的html源代碼，它只是一種解析的動(dòng)作，所以很多時(shí)候我們頁面的html錯(cuò)誤我們不去做驗(yàn)證，是不會(huì)發(fā)現(xiàn)這些錯(cuò)誤的，因?yàn)闉g覽器已經(jīng)自動(dòng)給我們修復(fù)了。通常來說.瀏覽器對(duì)html中的錯(cuò)誤保證了充分的兼容性。能幫你修正的就修正。多余的標(biāo)簽或?qū)傩阅芮宄颓宄?，無法清除和修正的就自動(dòng)幫你將標(biāo)簽剔除以保證正常顯示。

但是“整理模式”并不是***的，我們不能苛求瀏覽器能幫我們修復(fù)所有的錯(cuò)誤，所以很多時(shí)候當(dāng)我們的頁面嵌套層次越來越深，標(biāo)簽越來越多，內(nèi)容越來越多的時(shí)候，在瀏覽器無法修正標(biāo)簽的時(shí)候，它唯一能做的就是“將某個(gè)錯(cuò)誤塊內(nèi)的所有標(biāo)簽全部去除，僅保留內(nèi)容”。

從搜索引擎的角度來講，在分析內(nèi)容之前它的前提也跟瀏覽器一樣要先構(gòu)建一棵完整的dom樹，只有當(dāng)這棵樹構(gòu)建完成，搜索引擎才能確定頁面中上下文的關(guān)系，以及你在頁面中使用了哪些加權(quán)（如,

）的標(biāo)簽，以及它們的分布位置等等。但是搜索引擎在解析時(shí)更強(qiáng)調(diào)“內(nèi)容塊”的概念，即一個(gè)標(biāo)簽一個(gè)塊。還是以上html的例子。

當(dāng)搜索引擎在構(gòu)建這個(gè)dom樹時(shí)，當(dāng)它解析到***個(gè)div內(nèi)的

標(biāo)簽時(shí)，發(fā)現(xiàn)這里出現(xiàn)了錯(cuò)誤，解析到P標(biāo)簽的時(shí)候，又遇到了錯(cuò)誤，這個(gè)時(shí)候?yàn)榱苏_構(gòu)建這棵dom樹，它會(huì)啟用整理模式，但這個(gè)時(shí)候的模式可能并不是幫你修復(fù)錯(cuò)誤，而是以“塊”為單位。查找錯(cuò)誤塊(節(jié)點(diǎn))的上級(jí)塊(節(jié)點(diǎn))（如果上一級(jí)還有錯(cuò)誤，則繼續(xù)往上一級(jí)查找）,如果上一級(jí)塊沒有錯(cuò)誤，則將這個(gè)上級(jí)塊內(nèi)的所有子塊及子子塊有錯(cuò)誤的標(biāo)簽全部剔除，也就是說把

之內(nèi)的所有有錯(cuò)誤的標(biāo)簽全部剔除。

這樣一來，我們看到自己精心寫入的

和標(biāo)簽在解析后都不見了，整個(gè)塊的“權(quán)重”發(fā)生了偏移，根據(jù)html解析原理，我們很容易能得出一些結(jié)論：

1.當(dāng)頁面節(jié)點(diǎn)層次越來越多的時(shí)候，我們要特別小心標(biāo)簽層次的錯(cuò)誤，越是接近頂層的的節(jié)點(diǎn)越是要小心，比如少寫了結(jié)束標(biāo)簽，這個(gè)影響對(duì)seo也許是致命的.

2.不論你用什么布局，節(jié)點(diǎn)嵌套層次是越少越好，一來可以減小搜索引擎解析節(jié)點(diǎn)時(shí)的負(fù)擔(dān)，二來搜索引擎更容易確定節(jié)點(diǎn)之間（上下文）的關(guān)系，第二點(diǎn)對(duì)關(guān)鍵詞的加權(quán)很重要。

3.當(dāng)標(biāo)簽的屬性能用css替代時(shí)，則盡可能移到css中去.

4.瀏覽器和搜索引擎都允許html錯(cuò)誤，但標(biāo)準(zhǔn)的html在外部條件相同的情況，顯然更容易獲得更好的排名。

敬請(qǐng)期待，下一篇。

當(dāng)前文章：談WEB標(biāo)準(zhǔn)與SEO關(guān)系（二）
瀏覽地址：http://m.5511xx.com/article/cdgopsi.html

其他資訊

• java分支結(jié)構(gòu)有哪些
• 單反鏡頭如何自動(dòng)對(duì)焦
• CSS3復(fù)合屬性是什么？
• 香港服務(wù)器怎么樣？（香港服務(wù)器租用不能犯的7點(diǎn)錯(cuò)誤）
• 租用阿里云主機(jī)需要多少錢？