偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

DIV+CSS網(wǎng)頁布局中CSS無效的原因揭秘

開發(fā) 前端
本文向大家介紹一下DIV+CSS網(wǎng)頁布局中CSS無效的十個常見原因,首先我們和大家分享一些使用W3C驗證程序時需要注意的問題。

在使用DIV+CSS網(wǎng)頁布局過程中有時會出現(xiàn)CSS無效,這里向大家簡單介紹一下CSS無效的幾個原因,在本文開始前介紹一些使用W3C驗證程序時需要注意的問題。

DIV+CSS網(wǎng)頁布局中CSS無效的十個常見原因

我們從52CSS.com中學(xué)習(xí)DIV+CSS網(wǎng)頁布局的知識,可是W3Cvalidation有時難以操作,但用它你可以查看由版面設(shè)計引起的差錯。驗證程序拋出大量差錯和警告,說明你的XHTML尚未完善,可能無法在不同瀏覽器上保持一致功能。下面十個細(xì)微的失效問題難住了大批程序員,本文就告訴你如何解決。在本文開始前介紹一些使用W3C驗證程序時需要注意的問題。

   1、不要擔(dān)心驗證程序的警告:如果驗證程序說發(fā)現(xiàn)12處錯誤以及83處警告,不要理它,繼續(xù)進(jìn)行下一步。

  2、一次更正一個錯誤:按順序進(jìn)展工作,從上到下,一次修正一個錯誤。HTML用瀏覽器從上到下瀏覽,這些錯誤也是按同樣順序顯示。

  3、每次修正代碼后要刷新代碼,使它們重新生效:一個小錯誤常常會引發(fā)之后整頁的連串錯誤。因此如果操作不當(dāng),“修正錯誤”也可能引發(fā)更多錯誤。每次修正后使代碼重新生效,這樣就可以確保完全解決問題。

◆知道了上面這些基本的異常情況,下面我們就來看看DIV+CSS版面設(shè)計中CSS無效的幾個原因。

  一、DIV標(biāo)簽未關(guān)閉

  這是版面設(shè)計失效的最常見原因之一。當(dāng)我們了解到這是多少精致的版塊設(shè)計失效的罪魁禍?zhǔn)讜r,總會大吃一驚。開啟的DIV標(biāo)簽是最普遍的版塊設(shè)計失誤之一,也是最難診斷的失誤之一。驗證程序有時會指向錯誤的開啟DIV標(biāo)簽,診斷時就像大海撈針一樣麻煩。

  二、麻煩的embed標(biāo)簽

  九十年代早期,Microsoft和Netscape的瀏覽器開始能夠辨認(rèn)非標(biāo)準(zhǔn)的獨(dú)有字體。遺憾的是這意味著W3C驗證程序還不能識別某些關(guān)鍵HTML標(biāo)簽,如“embed”,即使這些標(biāo)簽已經(jīng)被廣泛使用。如果確實希望得到嚴(yán)格的DOCTYPE(文檔類型)驗證,就只能放棄嵌套。
  如果同時想要生效的版面設(shè)計和嵌入式媒體,可以試試FlashSatay方法。

  三、不當(dāng)?shù)腄OCTYPE聲明

  不聲明DOCTYPE,或者在文件開始錯誤聲明DOCTYPE,也是一個常見錯誤。根據(jù)一般經(jīng)驗,StrictDOCTYPE是大家追求的***級驗證。Strictvalidation表明你的網(wǎng)頁能夠在所有瀏覽器上都得到***展示。關(guān)于DTD文檔類型的聲明,您可以參考52CSS.com的相關(guān)文章。

  四、結(jié)尾斜線

  DIV+CSS網(wǎng)頁布局時如果你的網(wǎng)站不能驗證,很有可能是在代碼的某個地方漏寫了結(jié)尾斜線。我們很容易忽略結(jié)尾斜線之類的東西,特別是在image標(biāo)簽等元素中。
  在嚴(yán)格的DOCTYPE中這是無效的。要在img標(biāo)簽結(jié)尾處加上“/”以解決此問題。

ps:表單中的input元素也是一樣的要使用“/”標(biāo)簽

  五、Align標(biāo)簽

  如果DOCTYPE被設(shè)為Transitional,你就會使用“align”標(biāo)簽,但如果要求更高一點(diǎn)希望得到Strict驗證,你會看到很多錯誤。Align是另一個不可用于版面設(shè)計的標(biāo)簽??梢試L試用“float”或者“text-align”來代替align轉(zhuǎn)換元素。

  六、JavaScript

  如果已經(jīng)聲明StrictDOCTYPE,就需要在JavaScript中覆蓋CDATA標(biāo)簽。驗證程序的這一方面難倒了很多程序員,因為網(wǎng)站傾向于為廣告和追蹤腳本使用嵌入的JavaScript。如果必須用到JavaScript,可以在其前后加上如下標(biāo)簽:

  七、圖像需要“alt”屬性

  你可能還沒有注意到,DIV+CSS網(wǎng)頁布局時圖像也是高級驗證的潛在絆腳石。除了結(jié)尾斜線,高級驗證也要求用alt標(biāo)簽來描述圖像,如alt=”Scaryvampirepicture”。
  搜索引擎也靠alt標(biāo)簽來識別網(wǎng)頁上的圖像,所以無論怎樣加上alt標(biāo)簽總是好的。

  八、未知實體數(shù)據(jù)

  實體數(shù)據(jù)是又一個影響驗證的易犯錯誤。我們可以考慮用適當(dāng)?shù)木幋a字符來代替“&”等符號。entirelist中列出在XHTML版塊設(shè)計中可用的適當(dāng)?shù)木幋a字符實體數(shù)據(jù)。

  九、不良嵌套

  嵌套就是元素里又包括元素,我們?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)你看到“missingarequiredsub-elementofHEAD”(缺少HEAD的必要子元素)時,才會發(fā)現(xiàn)自己忘記添加title標(biāo)簽了。轉(zhuǎn)載自www.52css.com

【編輯推薦】

  1. 解析DIV+CSS網(wǎng)站設(shè)計的四大問題
  2. Div+CSS布局入門教程之頁面布局和規(guī)劃
  3. 深入學(xué)習(xí)DIV+CSS之絕對定位和相對定位用法
  4. Div+CSS布局入門之寫入整體層結(jié)構(gòu)與CSS
  5. DIV+CSS開發(fā)過程中影響SEO的制作細(xì)節(jié)

 

責(zé)任編輯:佚名 來源: 52css.com
相關(guān)推薦

2010-09-03 15:59:19

DIV CSS

2010-08-17 13:28:31

DIVCSS

2010-08-23 09:59:16

DIV+CSSSEO

2010-08-27 13:46:58

DIV+CSS

2010-08-25 12:47:40

DIVCSS

2010-08-24 13:01:13

DIV+CSS

2010-08-30 14:57:21

DIV+CSS

2010-08-27 17:41:03

DIV+CSS

2010-08-23 14:30:14

DIV+CSS

2010-08-23 14:25:13

marginCSS

2010-09-01 10:42:11

DIV+CSS

2010-08-16 13:17:47

DIV+CSS

2010-08-23 10:50:39

DIV+CSS

2010-09-03 13:51:59

DIVCSS

2010-09-02 09:44:07

DIV+CSSSEO

2010-08-17 13:08:31

DIV+CSS布局

2010-09-01 09:15:50

DIVCSS

2010-09-03 10:58:45

DIVCSS

2010-08-23 14:06:57

DIV+CSS

2010-09-09 10:56:56

CSS
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號