CSS教程:網(wǎng)頁版面設(shè)計無效的10個原因
當(dāng)前位置:點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
網(wǎng)頁制作webjx文章簡介:w3c validation有時難以操作,但用它你可以查看由版面設(shè)計引起的差錯。在本文開始前介紹一些使用w3c驗證程序時需要注意的問題。
一直以來,大家都熱衷于css網(wǎng)頁布局的學(xué)習(xí),webjx.com為此不斷努力,大家為了符合web標(biāo)準(zhǔn),為了實現(xiàn)內(nèi)容和表現(xiàn)分離。雖然通過驗證只是一種檢驗的手段,并不是我們追求的目標(biāo),但有時候通不過驗證,也是一件很郁悶的事情。 查看網(wǎng)頁教學(xué)網(wǎng)的div+css網(wǎng)頁設(shè)計視頻教程 w3c validation有時難以操作,但用它你可以查看由版面設(shè)計引起的差錯。驗證程序拋出大量差錯和警告,說明你的xhtml尚未完善,可能無法在不同瀏覽器上保持一致功能。下面十個細(xì)微的失效問題難住了大批程序員,我們告訴你如何解決。在本文開始前介紹一些使用w3c驗證程序時需要注意的問題。 不要擔(dān)心驗證程序的警告——如果驗證程序說發(fā)現(xiàn)12處錯誤以及83處警告,不要理它,繼續(xù)進(jìn)行下一步。 一次更正一個錯誤——按順序進(jìn)展工作,從上到下,一次修正一個錯誤。html用瀏覽器從上到下瀏覽,這些錯誤也是按同樣順序顯示。 每次修正代碼后要刷新代碼,使它們重新生效——一個小錯誤常常會引發(fā)之后整頁的連串錯誤。因此如果操作不當(dāng),“修正錯誤”也可能引發(fā)更多錯誤。每次修正后使代碼重新生效,這樣就可以確保完全解決問題。 知道了上面這些基本的異常情況,下面我們就來看看版面設(shè)計無效的幾個原因。 四、結(jié)尾斜線 如果你的網(wǎng)站不能驗證,很有可能是在代碼的某個地方漏寫了結(jié)尾斜線。我們很容易忽略結(jié)尾斜線之類的東西,特別是在image標(biāo)簽等元素中。例如: 在嚴(yán)格的doctype中這是無效的。要在img標(biāo)簽結(jié)尾處加上“/”以解決此問題。 五、align標(biāo)簽 如果doctype被設(shè)為transitional,你就會使用“align”標(biāo)簽,但如果要求更高一點希望得到strict驗證,你會看到很多錯誤。 align是另一個不可用于版面設(shè)計的標(biāo)簽。可以嘗試用“float”或者“text-align”來代替align轉(zhuǎn)換元素。 六、javascript 如果已經(jīng)聲明strict doctype,就需要在javascript中覆蓋cdata標(biāo)簽。驗證程序的這一方面難倒了很多程序員,因為網(wǎng)站傾向于為廣告和追蹤腳本使用嵌入的 javascript。如果必須用到j(luò)avascript,可以在其前后加上如下標(biāo)簽:
搜索引擎也靠alt標(biāo)簽來識別網(wǎng)頁上的圖像,所以無論怎樣加上alt標(biāo)簽總是好的。 sweet! 我們?nèi)菀谆煜短自氐捻樞?。例如在div標(biāo)簽前啟動strong標(biāo)簽,但又先關(guān)閉div標(biāo)簽。這可能不會改變版塊布局,但卻會使你的版塊設(shè)計失效。 十、缺少“title”標(biāo)簽 盡管這看上去是一個很明顯的錯誤,很多程序員(包括我自己)還是經(jīng)常會在“head”版塊中遺漏title標(biāo)簽。當(dāng)你看到“missing a required sub-element of head”(缺少head的必要子元素)時,才會發(fā)現(xiàn)自己忘記添加title標(biāo)簽了。 該文章在 2010/4/24 9:33:53 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |