常德网站建设
常德网站设计制作建设,常德网页设计制作建设,常德软件开发虚拟主机域名注册 常德网站制作 常德网站设计 常德虚拟主机  
 
常德域名注册
   域名主机 DNS HOST
   关于赛特 ABOUT SITE
   服务项目 SERVICE PROJECT
   软件开发 DEVELOPMENT
   解决方案 SOLUTION
   服务流程 CUSTOMER PROCESS
   成功案例 SUCCESS TORIES
   商务合作 COOPERATION
   服务报价 SERVICE PRICE
   联系赛特 CONTACT SITE
   网站知识 WEBSITE KNOWLEDGE
 您的位置:首页常德网站制作 - 网站通过W3C常见问题解答  
 



网站通过W3C常见问题解答
 
常德网站制作  加入时间:2010/10/31 11:02:31     点击:7620 常德网站建设  常德网站制作
网站通过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.头文件问题

所有的网页头文件都一律都改为W3C标准形式,写法如下:
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta http-equiv="content-language" content="zh-cn" />
<meta name="keywords" content="..." />
<meta name="description" content="..." />
<title>...</title>
</head>

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

 在HTML4.01可以使用target="_blank",但XHTML1.0是不被允许的.
比如原来这样写的代码:<a href="document.html" target="_blank"> 打开一个新窗口</a>
现在需要写成这样:<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),再通过外部联接方法调用:
<script type="text/javascript" src="external.js"></script>

4.XHTML 1.0要求所有的标识必须关闭

所有没有成对的空标识必须以 /> 结尾
<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选择器不可重复使用一个网页中id="xx"同一个选择器不能重复使用,若需要重复请用class="xx"

7.W3C标准标识必须是成对的

<p> </p> <span></span> <div></div>

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标准规定图片标识加上文字说明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),通过外部联接方法调用它

13. <embed>标识的争议

<embed>是Netscape的私有标识,W3C标准从HTML3.2 HTML 4.01 到 XHTML 1.0 中都没有这个标识,所以使用<embed>的页面是不能通过标准测试。
W3C标准推荐使用 <object> 标识,用<object>插入flash影片的代码可以写为:
<object type="application/x-shockwave-flash" data="index.swf" width="400" height="200"> 
<param name="movie" value="index.swf" /> 
</object>
但这样的写法可能IE5/IE6 Win浏览器版本会出现问题.
<embed>标识因为广大的受到运用,不再标准范围引起很大的争议,想要解决这个问题,只能等IE浏览器对<object>有更好的支持或者W3C愿意收录<embed>标识。

14. W3C标准规定不允许使用框架标签<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),然后通过外部联接方法调用:<script type="text/javascript" src="ifr.js"></script>  在你需要插入框架的地方写以下代码即可:<script type="text/javascript">ifr(’需插入的网页地址’,’567’,’485’);</script>  函数ifr()使用说明:ifr(’这里写地址’,’这里写宽度’,’这里写长度’,)

15.google广告问题

google广告的代码是不符合W3C标准的,只好又把它转成JS调用,但GOOGLE政策里是写着不允许修改代码的,
关于这点只能等待看看在以后会有什么修改了。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.bloglord.net/");
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>")
 各位可以按照自己的情况修改,网上也有许多把HTML代码转为JS代码的地方。最后在需要挂广告的地方放入代码 <script type="text/javascript" src="google.js"></script>

 16.W3C标准注解文字不可包含--符号

错误 <!-- index--box -->
正确 <!-- indexbox -->
 小贴士:在样式表的注释中注意尽量避免用中文
 

17.正确使用CSS样式表

样式表放在文件本身的时候,一定要放在<head></head>之间
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
<!--
body{font-size:9pt;}
-->
</style>
 注意:
错误 <style>  正确 <style type="text/css">

18.使用表格常犯的错误

在做表格通常会指定宽与高,例如:<table border="1" width="300" height="100">
<tr><td> 内容 </td></tr>
</table> 这样做是没有办法通过,可使用CSS来控制标识元素的高度.table{ height:100px; }<table class="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.非标识一部分的符号以编码表示(窗体内包含以下符号也必须用编码表示)

< 以 &lt; 表示
> 以 &gt; 表示
& 以 &amp; 表示
程序中的连结 & 也要改用 &amp;
错误 <a href="foo.cgi?chapter=1&section=2">
正确 <a href="foo.cgi?chapter=1&amp;section=2">

20.所有属性都必须有值

XHTML1.0规定所有属性都必须有值, 若没有就必须重复属性作为值
错误 <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>
错误 <td nowrap>
正确 <td nowrap="nowrap">
W3C 标签验证网址: http://validator.w3.org/
W3C CSS 验证服务网址:http://jigsaw.w3.org/css-validator/

上一条:如何利用博客对网站进行推广
下一条:什么叫javascript?

  常德虚拟主机   客户列表 合作伙伴 | 工作机会 | 网站制作 | 友情链接
 本站关键词:赛特科技 常德网站建设 常德网站开发 常德网站制作 常德网站设计 常德虚拟主机 常德空间域名
  Copyright(c)2008 http://www.0736site.cn 地址:常德市洞庭大道西段170号湖南文理学院院内 赛特科技 湘ICP备08004647号