兽性总裁的爱奴,已完结小说排行榜

主頁 > 知識庫 > Web2.0下XHTML+CSS 設(shè)計需要注意的地方小結(jié)

Web2.0下XHTML+CSS 設(shè)計需要注意的地方小結(jié)

注意事項：
1、除選擇DOCTYPE之外的語句必須使用小寫英文字母書寫。其中包括 Macromedia Dreamweaver 生成的鼠標(biāo)動作，如 OnMouseOver 也必須修改成 onmouseover。

2、XHTML語法規(guī)要求所有的標(biāo)識都必須有開始和結(jié)束。例如body>和/body>、p>和/p>等，對于不成對的標(biāo)識，要求在標(biāo)識最后加一個空格，然后跟一個"/"。例如br>寫成br />、img>寫成img />，加空格的原因是避免代碼連在一起瀏覽器不識別。

3、所有的XML標(biāo)記都必須合理嵌套。如：p>b>/p>/b> 必須修改為：p>b>/b>/p> ，就是說，一層一層的嵌套必須是嚴(yán)格對稱。

4、所有的屬性必須用引號""括起來。如： height=80> 必須修改為：height="80"> 。特殊情況，你需要在屬性值里使用雙引號，你可以用"，單引號可以使用apos;，例如：alt="sayapos;helloapos;">。

5、把所有和特殊符號用編碼表示。如：任何小于號（），不是標(biāo)簽的一部分，都必須被編碼為 l t ; ，任何大于號（>），不是標(biāo)簽的一部分，都必須被編碼為  g t ; ，任何與號（），不是實體的一部分的，都必須被編碼為 a m p ; 。（以上代碼字母間無空格）

6、給所有屬性賦一個值。如： td nowrap> input type="checkbox" name="shirt" value="medium" checked>  必須修改為：td nowrap="nowrap"> input type="checkbox" name= "shirt" value="medium" checked="checked">。

7、不要在注釋內(nèi)容中使用“--”。如：!--這里是注釋-----------這里是注釋--> 可以用等號或者空格替換內(nèi)部的虛線 !--這里是注釋============這里是注釋-->。

首先是規(guī)范的文件頭部分的寫法：

CODE:
!DOCTYPE    html    PUBLIC    "-//W3C//DTD    XHTML    1.0    Transitional//EN"    "a href=\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\" target=\"_blank\">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd/a>">
html    xmlns="a href=\"http://www.w3.org/1999/xhtml\" target=\"_blank\">http://www.w3.org/1999/xhtml/a>"    lang="utf-8">
head>
meta    http-equiv="Content-Type"    content="text/html;    charset=utf-8"    />
meta    http-equiv="Content-Language"    content="utf-8"    />
meta    content="all"    name="robots"    />
meta    name="author"    content="siyizhu3722@msn.com,siyizhu"    />
meta    name="Copyright"    content="Siyizhu's    SimpleLife,轉(zhuǎn)載本站文章請順便加上版權(quán)"    />
meta    name="description"    content="siyizhu"    />
meta    content="siyizhu,QQ:87654080,朱聰,China,湖北,中國"    name="keywords"    />
[Copy to clipboard]

在CSS的定義方面，值得推薦的是一種通用字體設(shè)置的方案，內(nèi)容如下：
CODE:
body    {    font-family    :    "Lucida    Grande",    Verdana,    Lucida,    Arial,    Helvetica,    宋體,sans-serif;    }
[Copy to clipboard]

字體按照所列出的順序選用。如果用戶的計算機(jī)含有Lucida Grande字體，文檔將被指定為Lucida Grande。沒有的話，就被指定為Verdana字體，如果也沒有Verdana，就指定為Lucida字體，依此類推；

Lucida Grande字體適合Mac OS X；

Verdana字體適合所有的Windows系統(tǒng)；

Lucida適合UNIX用戶；

"宋體"適合中文簡體用戶；

如果所列出的字體都不能用，則默認(rèn)的sans-serif字體能保證調(diào)用。

CSS中用四個偽類來定義鏈接的樣式，分別是：a:link、a:visited、a:hover和a : active，例如：

a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}

但是書寫的時候一定要注意順序，正確的順序是：LVHA，如果不這么寫的話，很可能效果很你預(yù)期的不一樣。

中間部分的布局規(guī)格化和菜單的非表格實現(xiàn)需要實踐的引導(dǎo)，在這里先不寫什么。下面寫一點關(guān)于代碼校驗的記錄。

XHTML校驗常見錯誤原因?qū)φ毡?
No DOCTYPE Found! Falling Back to HTML 4.01 Transitional--未定義DOCTYPE。

No Character Encoding Found! Falling back to UTF-8.--未定義語言編碼。

end tag for "img" omitted, but OMITTAG NO was specified--圖片標(biāo)簽沒有加"/"關(guān)閉。

an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified--屬性值必須加引號。

element "DIV" undefined---DIV標(biāo)簽不能用大寫，要改成小寫div。

required attribute "alt" not specified---圖片需要加alt屬性。

required attribute "type" not specified---JS或者CSS調(diào)用的標(biāo)簽漏了type屬性。

CSS2校驗常見錯誤原因?qū)φ毡?
(警告)無效數(shù)字 : color909090 不是一個 color 值 : 909090 ---十六進(jìn)制顏色值必須加"#"號，即#909090
(警告)無效數(shù)字 : margin-topUnknown dimension : 6pixels ---pixels不是一個單位值，正確寫法6px
(警告)屬性 scroll_bar-face-color 不存在 : #eeeeee --- 定義滾動條顏色是非標(biāo)準(zhǔn)的屬性
(警告)Line : 0 font-family: 建議你指定一個種類族科作為最后的選擇 --W3C建議字體定義的時候，最后以一個類別的字體結(jié)束，例如"sans-serif"，以保證在不同操作系統(tǒng)下，網(wǎng)頁字體都能被顯示
(警告)Line : 0 can't find the warning message for otherprofile --表示在代碼中有非標(biāo)準(zhǔn)屬性或值，校驗程序無法判斷和提供相應(yīng)的警告信息

標(biāo)簽：石家莊大同玉樹商洛濰坊濰坊深圳昭通

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《Web2.0下XHTML+CSS 設(shè)計需要注意的地方小結(jié)》，本文關(guān)鍵詞 Web2.0,下,XHTML+CSS,設(shè)計,需要,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。

濮阳杆衣贸易有限公司

Web2.0下XHTML+CSS 設(shè)計需要注意的地方小結(jié)