Web标准续

来源：互联网发布：php soapclient xml 编辑：程序博客网时间：2024/06/05 21:03

Web标准续

标准测试内容:
- 页面校验地址:http://validator.w3.org/
- CSS 文档校验:http://jigsaw.w3.org/css-validator/
- XHTML 1.0 标准规格:The Extensible HyperText Markup Language
- W3C标准测试网址：http://validator.w3.org/
- 测试是一定要有文件类别宣告还有指定文件编码:

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

W3C标准测试使用说明:
1. XHTML 1.0文件类别宣告的正确写法(不可小写):

过渡标准(Transitional)    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

框架标准(Frameset)：    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN">

严格标准(Strict):    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">

头文件问题：

<head>    <meta http-equiv="content-type" content="text/html; charset="utf-8" />    <meta http-equiv="content-language" content="zh-cn" />    <meta name="keywords" content="..." />    <meta name="description" content="..."/>    <title>...</title></head>

不允许使用target=”_target”:
HTML4.01支持使target=”_blank”,XHTML1.0不支持.HTML
4.01的新属性:rel(用来说明连接和包含此链接页面的关系,以及连接打开的目标)

function External_Links(){      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 = External_Links;<script type="text/javascript" src="External_Links.js"></script>

同一个id选择器不可重复使用:

    <div id="content">        <div id="content">        ...        </div>    </div>(wrong)    <div id="content">        <div class="content">        ...        </div>    </div>(right)

JavaScript写法：

    <script language="javascript" ></script>(wrong)    <script type="text/javascript" ></script>(right)    <script language="javascript" type="text/javascript"></script>(right)    <script type="text/javascript" src="script.js"></script>(right)

图片标签加上文字说明alt=”说明”:

    <img src="bg.gif" height="50" border="0" />(wrong)    <img src="bg.gif" height="50" border="0" alt="文字说明" />

背景音乐不允许使用bgsound标签：

    <!-- 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 -->    <script type="text/javascript" src="bjmusic.js"></script>

标签的争议：
< embed>是Netscape的私有标签,不能通过标准测试.

<object type="application/x-shockwave-flash" data="index.swf" width="400" height="200"></object>插入Flash动画.

不允许使用框架标签< IFRAME>:

    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>');    }External_Links:    <script type="text/javascript" src="ifr.js"></script>Use:    <script type="text/javascript">ifr('需插入的网页地址','567','485');</script>

Google广告问题:
Google广告代码是不符合W3C标准的,但Google政策里不允许修改代码.So

    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>")External_Links:    <script type="text/javascript" src="google.js"></script>Use:    按照自己的需要就行修改.

Web标准Web标准
JackDan9 Thinking!
Thank you for reading my article!

0 0