CSS教程:網(wǎng)頁版面設(shè)計無效的10個原因
當前位置:點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
[color=#ff0000]網(wǎng)頁制作webjx文章簡介:[/color][color=#000000]w3c validation有時難以操作,但用它你可以查看由版面設(shè)計引起的差錯。在本文開始前介紹一些使用w3c驗證程序時需要注意的問題。[/color]
[p][/p]
[p] 一直以來,大家都熱衷于[url=http://webjx.com/css/]css網(wǎng)頁布局[/url]的學習,webjx.com為此不斷努力,大家為了符合web標準,為了實現(xiàn)內(nèi)容和表現(xiàn)分離。雖然通過驗證只是一種檢驗的手段,并不是我們追求的目標,但有時候通不過驗證,也是一件很郁悶的事情。[/p]
[p]查看網(wǎng)頁教學網(wǎng)的[url=http://webjx.com/special/20080607/6064.html]div+css網(wǎng)頁設(shè)計視頻教程[/url][/p]
[p] w3c validation有時難以操作,但用它你可以查看由版面設(shè)計引起的差錯。驗證程序拋出大量差錯和警告,說明你的xhtml尚未完善,可能無法在不同瀏覽器上保持一致功能。下面十個細微的失效問題難住了大批程序員,我們告訴你如何解決。在本文開始前介紹一些使用w3c驗證程序時需要注意的問題。[/p]
[p] 不要擔心驗證程序的警告——如果驗證程序說發(fā)現(xiàn)12處錯誤以及83處警告,不要理它,繼續(xù)進行下一步。[/p]
[p] 一次更正一個錯誤——按順序進展工作,從上到下,一次修正一個錯誤。html用瀏覽器從上到下瀏覽,這些錯誤也是按同樣順序顯示。[/p]
[p] 每次修正代碼后要刷新代碼,使它們重新生效——一個小錯誤常常會引發(fā)之后整頁的連串錯誤。因此如果操作不當,“修正錯誤”也可能引發(fā)更多錯誤。每次修正后使代碼重新生效,這樣就可以確保完全解決問題。[/p]
[p] 知道了上面這些基本的異常情況,下面我們就來看看[b]版面設(shè)計無效的幾個原因[/b]。[br][br][b]一、div 標簽未關(guān)閉[/b][br][br] 這是版面設(shè)計失效的最常見原因之一。當我們了解到這是多少精致的版塊設(shè)計失效的罪魁禍首時,總會大吃一驚。開啟的div標簽是最普遍的版塊設(shè)計失誤之一,也是最難診斷的失誤之一。驗證程序有時會指向錯誤的開啟div標簽,診斷時就像大海撈針一樣麻煩。[br][br][b]二、麻煩的embed標簽[/b][br][br] 九十年代早期,microsoft和netscape的瀏覽器開始能夠辨認非標準的獨有字體。遺憾的是這意味著w3c驗證程序還不能識別某些關(guān)鍵html 標簽,如“embed”,即使這些標簽已經(jīng)被廣泛使用。如果確實希望得到嚴格的doctype(文檔類型)驗證,就只能放棄嵌套。[br] 如果同時想要生效的版面設(shè)計和嵌入式媒體,可以試試flash satay方法。[br][br][b]三、不當?shù)膁octype聲明[/b][br][br] 不聲明doctype,或者在文件開始錯誤聲明doctype,也是一個常見錯誤。根據(jù)一般經(jīng)驗,strict doctype是大家追求的最高級驗證。strict validation表明你的網(wǎng)頁能夠在所有瀏覽器上都得到最佳展示。strict 聲明代碼如下:[br][br][/p]
[br][b]四、結(jié)尾斜線[/b][br][br] 如果你的網(wǎng)站不能驗證,很有可能是在代碼的某個地方漏寫了結(jié)尾斜線。我們很容易忽略結(jié)尾斜線之類的東西,特別是在image標簽等元素中。例如:[br] 在嚴格的doctype中這是無效的。要在img標簽結(jié)尾處加上“/”以解決此問題。[br][br]
![]() sweet! [br] 我們?nèi)菀谆煜短自氐捻樞?。例如在div標簽前啟動strong標簽,但又先關(guān)閉div標簽。這可能不會改變版塊布局,但卻會使你的版塊設(shè)計失效。[br][br][b]十、缺少“title”標簽[/b][br][br] 盡管這看上去是一個很明顯的錯誤,很多程序員(包括我自己)還是經(jīng)常會在“head”版塊中遺漏title標簽。當你看到“missing a required sub-element of head”(缺少head的必要子元素)時,才會發(fā)現(xiàn)自己忘記添加title標簽了。
該文章在 2010/4/24 9:33:53 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |