派琪談網(wǎng)站通過W3C標準的條件

2010-03-25 17:39:08 分類: 網(wǎng)建技術(shù) 瀏覽次數(shù): 1284 作者：派琪來源：網(wǎng)站優(yōu)化公司

網(wǎng)站通過W3C標準的條件需要注意以下幾個問題：

1.XHTML 1.0文件類別宣告的正確寫法 (不可小寫)

A:過度標準（Transitional）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

B:框架標準（Frameset）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

C:嚴格標準（Strict）

包含以上須注意的問題,還有其他更嚴格的標準

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd

2.頭文件問題

所有的網(wǎng)頁頭文件都一律都改為W3C標準形式，寫法如下：

<head>

</head>

3.不允許使用target="_blank"

?在HTML4.01可以使用target="_blank",但XHTML1.0是不被允許的.

比如原來這樣寫的代碼：<a href="document.html" target="_blank"> 打開一個新窗口</a>

現(xiàn)在需要寫成這樣：<a href="document.html" rel="external">打開一個新窗口</a>

這是符合strict標準的方法。

當然還必須配合一個javascript才有效。javascript完整的代碼JS如下:

function externallinks() {?

if (!document.getElementsByTagName) return;?

var anchors = document.getElementsByTagName("a");?

for (var i=0; i<anchors.length; i++) {?

??? var anchor = anchors[i];?

??? if (anchor.getAttribute("href") &&?

??????? anchor.getAttribute("rel") == "external")?

????? anchor.target = "_blank";? }?

window.onload = externallinks;?

?然后把它保存成一個.js文件(比如open.js)，再通過外部聯(lián)接方法調(diào)用：

4.XHTML 1.0要求所有的標識必須關(guān)閉

所有沒有成對的空標識必須以 /> 結(jié)尾

<p></p>和<a href="index.html"></a>這就是成對

錯誤 <br> <hr>

正確 <br /> <hr />

錯誤 <input type="text" name="name">

正確 <input type="text" name="name" />

錯誤 <meta ...>

正確 <meta ... />

錯誤 <link rel="stylesheet" type="text/css" href="style.css">

正確 <link rel="stylesheet" type="text/css" href="style.css" />

錯誤 <img src="bg.gif" border="0" alt="說明文字">

正確 <img src="bg.gif" border="0" alt="說明文字" />?

?5.所有標識元素名稱都使用小寫

錯誤 <HTML> <TITLE> <HEAD> <BODY>

正確 <html> <title> <head> <body>

錯誤 <IMG SRC="BG.GIF" BORDER="0" ALT="說明文字">

正確 <img src="bg.gif" border="0" alt="說明文字" />

錯誤 <UL><LI></LI></UL>

正確 <ul><li></li></ul>

以上只是舉例,是"所有"標簽元素名稱都必須是小寫?

?6.同一個id選擇器不可重復使用一個網(wǎng)頁中id="xx"同一個選擇器不能重復使用,若需要重復請用class="xx"

7.W3C標準標識必須是成對的?

8.正確的標識順序?

錯誤 <b><i>文字</b></i>

正確 <b><i>文字</i></b>

9.JS寫法?

Javascript我們通常會寫為?

錯誤 <script language="javascript">

W3C標準必須為程式指定類型type=text/javascript,所以要寫為?

正確 <script type="text/javascript">

或者 <script language="javascript" type="text/javascript">

載入外部.js：

正確 <script type="text/javascript" src="script.js"></script>?

?10.絕對不可省略雙引號或單引號

錯誤 style=font-size:9pt

正確 style="font-size:9pt"

錯誤 <img src=bg.gif width=140 height=30 alt=text />

正確 <img src="bg.gif" width="140" height="30" alt="text" />

錯誤 <a href=home>text</a>

正確 <a href="home">text</a>?

?11.W3C標準規(guī)定圖片標識加上文字說明alt="圖片說明"

錯誤 <img src="bg.gif" height="50" border="0" />

正確 <img src="bg.gif" height="50" border="0" alt="說明文字" />?

?12.背景音樂不允許使用 bgsound 標簽，不過我們依然可以用JavaScript來解決這個問題。js代碼如下：

<!-- Begin

var MSIE=navigator.userAgent.indexOf("MSIE");

var NETS=navigator.userAgent.indexOf("Netscape");

var OPER=navigator.userAgent.indexOf("Opera");

if((MSIE>-1) || (OPER>-1)) {

document.write("<BGSOUND SRC=背景音樂地址 LOOP=INFINITE>");

} else {

document.write("<EMBED SRC=背景音樂地址 AUTOSTART=TRUE ");

document.write("HIDDEN=true VOLUME=100 LOOP=TRUE>");

}

// end -->然后保存成.js文件(比如background_music.js)，通過外部聯(lián)接方法調(diào)用它

13. <embed>標識的爭議

W3C標準推薦使用 <object> 標識,用<object>插入flash影片的代碼可以寫為:

<param name="movie" value="index.swf" />?

</object>?

但這樣的寫法可能IE5/IE6 Win瀏覽器版本會出現(xiàn)問題.

?14. W3C標準規(guī)定不允許使用框架標簽<IFRAME>

用JavaScript解決問題了。javascript完整的代碼如下：

function ifr(url,w,h){document.write(’<iframe id="ifr" name="ifr" width="’+w+’" height="’+h+’"?? border="0" frameborder="0" scrolling="no" src="’+url+’"></iframe>’);}??然后把它保存成一個.js文件(比如iframe.js)，然后通過外部聯(lián)接方法調(diào)用：<script type="text/javascript" src="ifr.js"></script>??在你需要插入框架的地方寫以下代碼即可：<script type="text/javascript">ifr(’需插入的網(wǎng)頁地址’,’567’,’485’);</script>??函數(shù)ifr()使用說明：ifr(’這里寫地址’,’這里寫寬度’,’這里寫長度’,)15.google廣告問題

google廣告的代碼是不符合W3C標準的，只好又把它轉(zhuǎn)成JS調(diào)用，但GOOGLE政策里是寫著不允許修改代碼的，

關(guān)于這點只能等待看看在以后會有什么修改了。JS文件(google.js)代碼如下：document.writeln("<script type=\"text\/javascript\"><!--");

document.writeln("google_ad_client = \"pub-0538745384335317\";");

document.writeln("google_ad_width = 125;");

document.writeln("google_ad_height = 125;");

document.writeln("google_ad_format = \"125x125_as\";");

document.writeln("google_ad_type = \"text_image\";");

document.writeln("\/\/2007-06-29: http://www.100byte.com/");

document.writeln("google_ad_channel = \"4751988107\";");

document.writeln("google_color_border = \"1a1a1a\";");

document.writeln("google_color_bg = \"1a1a1a\";");

document.writeln("google_color_link = \"d0eb6a\";");

document.writeln("google_color_text = \"ffffff\";");

document.writeln("google_color_url = \"8ad459\";");

document.writeln("google_ui_features = \"rc:6\";");

document.writeln("\/\/-->");

document.writeln("<\/script>");

document.writeln("<script type=\"text\/javascript\"");

document.writeln("? src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">");

document.writeln("<\/script>")?

?各位可以按照自己的情況修改，網(wǎng)上也有許多把HTML代碼轉(zhuǎn)為JS代碼的地方。最后在需要掛廣告的地方放入代碼 <script type="text/javascript" src="google.js"></script>??

16.W3C標準注解文字不可包含--符號

錯誤

正確

?小貼士：在樣式表的注釋中注意盡量避免用中文

17.正確使用CSS樣式表

樣式表放在文件本身的時候，一定要放在<head></head>之間

<!--

body{font-size:9pt;}

-->

</style>?

?注意：

錯誤 <style>? 正確 <style type="text/css">

18.使用表格常犯的錯誤

在做表格通常會指定寬與高,例如:<table border="1" width="300" height="100">

</table>?這樣做是沒有辦法通過,可使用CSS來控制標識元素的高度.table{ height:100px; }<table><tr><td> TEXT </td></tr>? </table>?但若使用太多表格,在CSS一一指定不同高,也不是好方法其實很簡單將高度height屬性指定在儲存格就可以了通過測試

<table border="0" width="300"> <tr><td height="100"> TEXT </td></tr> </table> 但這不是W3C標準,建議多使用div代替不必要的table

19.非標識一部分的符號以編碼表示(窗體內(nèi)包含以下符號也必須用編碼表示)

< 以 < 表示

> 以 > 表示

& 以 & 表示

程序中的連結(jié) & 也要改用 &

錯誤 <a href="foo.cgi?chapter=1&section=2">

正確 <a href="foo.cgi?chapter=1&section=2">?

?20.所有屬性都必須有值

XHTML1.0規(guī)定所有屬性都必須有值, 若沒有就必須重復屬性作為值

錯誤 <input type="radio" value="v1" checked name="s1" />

正確 <input type="radio" value="v1" checked="checked" name="s1" />