首先在http://validator.w3.org/驗(yàn)證了科慧樂網(wǎng)站改版后的頁面。
起初錯(cuò)誤很多,嚇了一跳,經(jīng)過分析后,重復(fù)的許多。
1、有一個(gè)多余的“</li>”,原因是從原來的代碼中復(fù)制來,忘記刪除li了。導(dǎo)致提示標(biāo)簽未關(guān)閉,并提示li標(biāo)簽應(yīng)該在ul ol中,而在平時(shí)開發(fā)中用ul ol等標(biāo)簽做嵌套有點(diǎn)浪費(fèi)標(biāo)簽,用<div><a></a> ...........<div>結(jié)構(gòu)更好一些。除非是有二級(jí)、三級(jí)菜單嵌套,用ul li是合理的。解決了之后,少了3分之2的錯(cuò)誤數(shù);
2、對(duì)doctype的更換,html5建議是更換,其實(shí)換不換差別不大,好在查了一下,換簡(jiǎn)單的doctype,不會(huì)影響在ie中的表現(xiàn),所以就更換了;
3、hgroup標(biāo)簽,提示是只能包含<h1-6>的標(biāo)簽,我包含的是<a>,其實(shí)是沒有重視他的語義,這就是標(biāo)題組,算是應(yīng)用錯(cuò)誤,用了<article>進(jìn)行替換;
4、圖片的alt標(biāo)簽,錯(cuò)誤還真是挺多,做為頁面圖片加上alt是應(yīng)該的,也不麻煩,在循環(huán)輸出列表時(shí)把titile加上就OK了,其實(shí)加上Description更好,最終用:alt="[field:title /] - [field:infos /]",也有幾率增加頁面關(guān)鍵字分布;
5、meta、link標(biāo)簽沒有有效關(guān)閉,僅使用了>結(jié)束,應(yīng)該是 />比較嚴(yán)格,一一改正;
目前仍有問題的是:
1、嵌入的優(yōu)酷視頻播放代碼,用的:<embed src="xxxxx" allowfullscreen="true" quality="high" width="305" height="145" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash"></embed>,提示<embed>的結(jié)束標(biāo)簽有問題,而且標(biāo)簽已經(jīng)在html5中廢棄,有替代標(biāo)簽,但這有點(diǎn)過了。。。。用<video>在ie中是不會(huì)直接能用的,還得用js去完善,不如就這樣了。。。
2、<script language="javascript">可以省略其他標(biāo)簽了,直接用<script>即可,但這在IE中恐怕不行,還是保留吧。
3、marquee標(biāo)簽的錯(cuò)誤: Element marquee not allowed as child of element div in this context. ,沒太搞明白,不能做為div的子元素?決定無視。
4、還有,總在提示utf-8編碼有問題,我這樣聲明:<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />,w3c網(wǎng)站、書籍中,都這樣寫。所以覺得可能是文檔的編碼問題,用的ANSI編碼,他是希望UTF-8的編碼,這個(gè)問題前陣子在做word批量導(dǎo)出時(shí)飽受折磨,改天再仔細(xì)研究一下。

哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站,并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底,使您的網(wǎng)站無需額外費(fèi)用,即可穩(wěn)步提升排名至首頁。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。
