當前位置: 主頁(yè) > 行業(yè)新聞 > seo >

WEB標準-標準測試

來(lái)源：未知日期：2017-11-23 | 分類(lèi)：seo

網(wǎng)站建設 web標準

　　標準測試內容

　　頁(yè)面校驗地址 http://validator.w3.org/

　　CSS文檔校驗 http://jigsaw.w3.org/css-validator/

　　XHTML 1.0 標準規格 : The Extensible HyperText Markup Language

　　W3C標準測試網(wǎng)址 http://validator.w3.org/

　　測試時(shí)一定要有文件類(lèi)別宣告還有指定文件編碼

　　才能順利進(jìn)行測試動(dòng)作，開(kāi)始打造一個(gè)標準的網(wǎng)站！西安網(wǎng)站建設推薦閱讀>>> web標準-代碼標準，

　　W3C標準測試使用說(shuō)明

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

　　過(guò)度標準（外語(yǔ)全稱(chēng)：Transitional）

　　公共標識符[1] 稱(chēng)為：“-//W3C//DTD XHTML 1.0 Transitional//EN”。

　　<!DOCTYPE html

　　PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

　　框架標準（外語(yǔ)全稱(chēng)：Frameset）

　　公共標識符[1] 稱(chēng)為：“-//W3C//DTD XHTML 1.0 Frameset//EN”。

　　<!DOCTYPE html

　　PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

　　嚴格標準（外語(yǔ)全稱(chēng)：Strict）包含以上須注意的問(wèn)題,還有其他更嚴格的標準

　　公共標識符[1] 稱(chēng)為：“-//W3C//DTD XHTML 1.0 Strict//EN”。

　　<!DOCTYPE html

　　PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

　　2.頭文件問(wèn)題

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

　　<head>

　　<meta

　　http-equiv="content-type"

　　content="text/html; charset=gb2312" />

　　</head>

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

　　在HTML4.01可以使用target="_blank",但XHTML1.0是不被允許的. 西安網(wǎng)站建設推薦閱讀>>> web標準-行為標準，

　　我使用了一個(gè)HTML4.0的新屬性：rel，這個(gè)屬性用來(lái)說(shuō)明鏈接和包含此鏈接頁(yè)面的關(guān)系，以及鏈接打開(kāi)的目標。

　　原來(lái)這樣寫(xiě)的代碼：打開(kāi)一個(gè)新窗口

　　現在要寫(xiě)成這樣：打開(kāi)一個(gè)新窗口

　　這是符合strict標準的方法。當然還必須配合一個(gè)javascript才有效。

　　javascript完整的代碼JS如下：

　　function 外部鏈接()//萬(wàn)國碼unicode javascript

　　{

　　if (!document.getElementsByTagName) return;

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

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

　　{

　　var anchor = anchors;

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

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

　　anchor.target = "_blank";

　　}

　　window.onload = 外部鏈接;

　　你可以把它保存成一個(gè).js文件(比如外部鏈接.js)，然后通過(guò)外部聯(lián)接方法調用：

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

　　所有沒(méi)有成對的空標簽必須以 />結尾

　　和這就是成對

　　錯誤

　　<hr>

　　正確

　　<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="說(shuō)明文字">

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

　　5.所有標簽元素名稱(chēng)都使用小寫(xiě)

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

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

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

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

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

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

　　以上只是舉例,是"所有"標簽元素名稱(chēng)都必須是小寫(xiě)

　　6.同一個(gè)id選擇器不可重復使用

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

　　7.標簽必須是一對

　　[font][/font]

　　8.正確的標簽順序

　　錯誤文字

　　正確文字

　　9.JavaScript寫(xiě)法

　　Javascript我們通常會(huì )寫(xiě)為

　　錯誤 <script language="javascript">

　　W3C標準必須為程式指定類(lèi)型type=text/javascript,所以要寫(xiě)為

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

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

　　載入外部.js獨立檔案的寫(xiě)法

　　正確 <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" />

　　錯誤 text

　　正確 text

　　11.圖片標簽加上文字說(shuō)明alt="說(shuō)明"

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

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

　　12.背景音樂(lè )不允許使用 bgsound 標簽

　　我只好用JavaScript解決這個(gè)問(wèn)題。javascript完整的代碼如下：

<!-- 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=背景音樂(lè )地址 LOOP=INFINITE>");

　　} else {

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

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

　　}

　　// end -->

　　你可以把它保存成一個(gè).js文件(比如bjmusic.js)，然后通過(guò)外部聯(lián)接方法調用：

　　13. 標簽的爭議

　　<embed>是Netscape的私有標簽,W3C 從HTML3.2 HTML 4.01 到 XHTML 1.0 中都沒(méi)有這個(gè)標簽,所以使用的頁(yè)面是不能通過(guò)標準測試。

　　W3C推薦使用 <object> 標簽,用<object>插入flash影片的代碼可以寫(xiě)為:

　　</object>

　　但這樣的寫(xiě)法可能IE5/IE6 Win瀏覽器版本會(huì )出現問(wèn)題。

　　標簽因為廣大的受到運用,不再標準范圍引起很大的爭議，想要解決這個(gè)問(wèn)題，只能等IE瀏覽器對<object>有更好的支持或者W3C愿意收錄標簽。

　　14. 不允許使用框架標簽<IFRAME>

　　這次又要用JavaScript解決問(wèn)題了。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>');}

　　把它保存成一個(gè).js文件(比如ifr.js)，然后通過(guò)外部聯(lián)接方法調用：

　　在你需要插入框架的地方寫(xiě)以下代碼即可：

　　<script type="text/javascript">ifr('需插入的網(wǎng)頁(yè)地址','567','485');</script>

　　函數ifr()使用說(shuō)明：ifr('這里寫(xiě)地址','這里寫(xiě)寬度','這里寫(xiě)長(cháng)度',)

　　15.google廣告問(wèn)題

　　google廣告的代碼是不符合W3C標準的，我只好又把它轉成JS調用，但GOOGLE政策里是寫(xiě)著(zhù)不允許修改代碼的，

　　關(guān)于這點(diǎn)我正在寫(xiě)信給GOOGLE詢(xún)問(wèn)中，應該很快會(huì )有答案。

　　我的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: www.ybj86.cn");

　　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代碼轉為JS代碼的地方。

　　最后在需要掛廣告的地方放入代碼 <script type="text/javascript" src="google.js"></script>

　　其他需注意的地方：

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

錯誤

正確

　　17.正確使用CSS樣式表

　　一定要放在<head></head>之間

<!--

　　body{font-size:9pt;}

　　-->

　　</style>

　　錯誤 <style>

　　正確 <style type="text/css">

　　18.使用表格常犯的錯誤

　　我們在做表格通常會(huì )指定寬與高,例如:

　　內容

　　這樣做是沒(méi)有辦法通過(guò),W3C建議使用CSS來(lái)控制標簽元素的高度

　　.table{

　　height:55px;

　　}

　　TEXT

　　但是若使用太多表格,在CSS一一指定不同高,也不是好方法

　　其實(shí)很簡(jiǎn)單將高度height屬性指定在儲存格就可以了通過(guò)測試

　　TEXT

　　但這不是w3c希望的標準,建議能夠使用div代替不必要的table

　　19.非標簽一部分的符號以編碼表示

　　表單內包含以下符號也必須用編碼表示

　　< 以 < 表示

　　> 以 > 表示

　　& 以 & 表示

　　程式中的連結 & 也要改用 &

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

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

　　20.所有屬性都必須有值

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

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

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

　　錯誤 <option selected>S1</option>

　　正確 <option selected="selected">S1</option>

相關(guān)文章：

西安網(wǎng)站建設_西安做網(wǎng)站_西安網(wǎng)站制作——西安網(wǎng)絡(luò )公司

西安網(wǎng)站建設_西安做網(wǎng)站_西安網(wǎng)站制作——西安網(wǎng)絡(luò )公司...
如何判斷免費自助建站軟件開(kāi)發(fā)商是否值得選擇

從企業(yè)建站角度講，最便捷、最適合企業(yè)的建站系統莫過(guò)于自助建站系統，市場(chǎng)上可供選擇的自助建站平臺也是一搜一大把。這些自助建站平臺采用傻瓜式建站風(fēng)格，容易上手，操作簡(jiǎn)單方便...
如何創(chuàng )建網(wǎng)站可以少花錢(qián)

現在想做一個(gè)網(wǎng)站成本很低了，買(mǎi)個(gè)域名，買(mǎi)個(gè)幾十塊空間，弄個(gè)網(wǎng)站建設程序就可以開(kāi)始你的玩耍了，如果你還想找成本更低的，可以看下面的分享。如何創(chuàng )建網(wǎng)站一直都是很多朋友想要知...
商城網(wǎng)站建設如何提升吸引力（爆棚）

商城網(wǎng)站建設如何將吸引力提升在信息如此豐富多樣的今天，商城網(wǎng)站建設如何才能夠在眾多的同類(lèi)當中脫穎而出，獲得大眾的吸引和青睞呢？這其實(shí)是相關(guān)網(wǎng)站建設人員一直在思考的一個(gè)問(wèn)...
企業(yè)網(wǎng)站如何進(jìn)行運營(yíng)和推廣效果更好

現在越來(lái)越多的企業(yè)重視網(wǎng)站的運營(yíng)推廣，那怎樣推廣效果更好呢？西安蟠龍網(wǎng)絡(luò )小編認為沒(méi)用永恒不變得，而且要根據企業(yè)的具體情況選擇合適的推廣方式才是最好的，如果你又運營(yíng)推廣的...
西安網(wǎng)站建設，專(zhuān)業(yè)制作網(wǎng)站這些事情需知曉

隨著(zhù)互聯(lián)網(wǎng)的發(fā)展，人們每時(shí)每刻已經(jīng)離不開(kāi)網(wǎng)絡(luò )，而網(wǎng)站是網(wǎng)絡(luò )的基本組成部分，可以這么說(shuō)，網(wǎng)絡(luò )是由各種各樣的網(wǎng)站組成的，當下，網(wǎng)站是每個(gè)企業(yè)的標配，很多個(gè)人都有自己的網(wǎng)站，...
網(wǎng)站對企業(yè)的作用(好處及影響)

網(wǎng)站現在是一個(gè)企業(yè)的標配，很多沒(méi)有網(wǎng)站的企業(yè)不清楚網(wǎng)站對企業(yè)有什么作用，那么今天西安蟠龍小編總結一下網(wǎng)站對企業(yè)都有哪些好處，希望看完之后您對網(wǎng)站有更深一層的認識。一、低...
公司想要建設一個(gè)企業(yè)網(wǎng)站應該怎么做

現在網(wǎng)站對一個(gè)企業(yè)越來(lái)越重要了，網(wǎng)站不僅是一個(gè)公司必備的名片，而且有利于提升企業(yè)的品牌形象，低成本擴大公司銷(xiāo)售的一個(gè)重要渠道，可以將公司的業(yè)務(wù)和產(chǎn)品推向全國，那么公司想...
企業(yè)網(wǎng)站建設的基本流程步驟是什么？

在互聯(lián)網(wǎng)發(fā)展至今天，網(wǎng)站對于一個(gè)企業(yè)越來(lái)越重要，網(wǎng)站不僅能有效的提升企業(yè)品牌知名度，企業(yè)形象，也是一個(gè)企業(yè)的有力的銷(xiāo)售渠道，網(wǎng)絡(luò )營(yíng)銷(xiāo)推廣做好了可以做全國的業(yè)務(wù)，那一個(gè)企...
定制型網(wǎng)站建設是什么？網(wǎng)站定做有什么優(yōu)勢

隨著(zhù)互聯(lián)網(wǎng)發(fā)展的迅猛，網(wǎng)站建設市場(chǎng)競爭越來(lái)越大，魚(yú)龍混雜，出現智能建站、模板建站、定制建站等服務(wù)，很多朋友搞不清楚他們的區別，以及定制型網(wǎng)站有什么優(yōu)勢，今天西安蟠龍小編...

上一篇：WEB標準-代碼標準
下一篇：WEB標準-優(yōu)點(diǎn)

亚洲精品视频一区二区,一级毛片在线观看视频,久久国产a,狠狠狠色丁香婷婷综合久久五月,天天做天天欢摸夜夜摸狠狠摸

WEB標準-標準測試