下载
加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 W3C标准原则

W3C标准原则.doc

W3C标准原则

风竹云
2013-09-30 0人阅读 举报 0 0 暂无简介

简介:本文档为《W3C标准原则doc》,可适用于IT/计算机领域

网站要通过WC标准需要注意以下几个问题:XHTML文件类别宣告的正确写法(不可小写)A:过度标准(Transitional)<!DOCTYPEhtmlPUBLIC"WCDTDXHTMLTransitionalEN""http:wwwworgTRxhtmlDTDxhtmltransitionaldtd">B:框架标准(Frameset)<!DOCTYPEhtmlPUBLIC"WCDTDXHTMLFramesetEN""http:wwwworgTRxhtmlDTDxhtmlframesetdtd">C:严格标准(Strict)包含以上须注意的问题,还有其他更严格的标准<!DOCTYPEhtmlPUBLIC"WCDTDXHTMLStrictEN"http:wwwworgTRxhtmlDTDxhtmlstrictdtd头文件问题所有的网页头文件都一律都改为WC标准形式写法如下:<head><metahttpequiv="contenttype"c><metahttpequiv="contentlanguage"c><metaname="keywords"c><metaname="description"c><title><title><head>不允许使用target="blank"在HTML可以使用target="blank",但XHTML是不被允许的比如原来这样写的代码:<ahref="documenthtml"target="blank">打开一个新窗口<a>现在需要写成这样:<ahref="documenthtml"rel="external">打开一个新窗口<a>这是符合strict标准的方法。当然还必须配合一个javascript才有效。javascript完整的代码JS如下:functionexternallinks(){if(!documentgetElementsByTagName)returnvaranchors=documentgetElementsByTagName("a")for(vari=i<anchorslengthi){varanchor=anchorsiif(anchorgetAttribute("href")anchorgetAttribute("rel")=="external")anchortarget="blank"}}windowonload=externallinks然后把它保存成一个js文件(比如openjs)再通过外部联接方法调用:<scripttype="textjavascript"src="externaljs"><script>XHTML要求所有的标识必须关闭所有没有成对的空标识必须以>结尾<p><p>和<ahref="indexhtml"><a>这就是成对错误<br><hr>正确<br><hr>错误<inputtype="text"name="name">正确<inputtype="text"name="name">错误<meta>正确<meta>错误<linkrel="stylesheet"type="textcss"href="stylecss">正确<linkrel="stylesheet"type="textcss"href="stylecss">错误<imgsrc="bggif"border=""alt="说明文字">正确<imgsrc="bggif"border=""alt="说明文字">所有标识元素名称都使用小写错误<HTML><TITLE><HEAD><BODY>正确<html><title><head><body>错误<IMGSRC="BGGIF"BORDER=""ALT="说明文字">正确<imgsrc="bggif"border=""alt="说明文字">错误<UL><LI><LI><UL>正确<ul><li><li><ul>以上只是举例,是"所有"标签元素名称都必须是小写同一个id选择器不可重复使用一个网页中id="xx"同一个选择器不能重复使用,若需要重复请用class="xx"WC标准标识必须是成对的<p><p><span><span><div><div>正确的标识顺序错误<b><i>文字<b><i>正确<b><i>文字<i><b>JS写法Javascript我们通常会写为错误<scriptlanguage="javascript">WC标准必须为程式指定类型type=textjavascript,所以要写为正确<scripttype="textjavascript">或者<scriptlanguage="javascript"type="textjavascript">载入外部js:正确<scripttype="textjavascript"src="scriptjs"><script>绝对不可省略双引号或单引号错误style=fontsize:pt正确style="fontsize:pt"错误<imgsrc=bggifwidth=height=alt=text>正确<imgsrc="bggif"width=""height=""alt="text">错误<ahref=home>text<a>正确<ahref="home">text<a>WC标准规定图片标识加上文字说明alt="图片说明"错误<imgsrc="bggif"height=""border="">正确<imgsrc="bggif"height=""border=""alt="说明文字">背景音乐不允许使用bgsound标签不过我们依然可以用JavaScript来解决这个问题。js代码如下:<!BeginvarMSIE=navigatoruserAgentindexOf("MSIE")varNETS=navigatoruserAgentindexOf("Netscape")varOPER=navigatoruserAgentindexOf("Opera")if((MSIE>)||(OPER>)){documentwrite("<BGSOUNDSRC=背景音乐地址LOOP=INFINITE>")}else{documentwrite("<EMBEDSRC=背景音乐地址AUTOSTART=TRUE")documentwrite("HIDDEN=trueVOLUME=LOOP=TRUE>")}end>然后保存成js文件(比如backgroundmusicjs)通过外部联接方法调用它<我是怎么了>标识的争议<我是怎么了>是Netscape的私有标识,WC标准从HTMLHTML到XHTML中都没有这个标识,所以使用<我是怎么了>的页面是不能通过标准测试。WC标准推荐使用<object>标识,用<object>插入flash影片的代码可以写为:<objecttype="我真错了吗x算了吧flash"data="indexswf"width=""height=""><paramname="movie"value="indexswf"><object>但这样的写法可能IEIEWin浏览器版本会出现问题<我是怎么了>标识因为广大的受到运用,不再标准范围引起很大的争议,想要解决这个问题,只能等IE浏览器对<object>有更好的支持或者WC愿意收录<我是怎么了>标识。WC标准规定不允许使用框架标签<IFRAME>用JavaScript解决问题了。javascript完整的代码如下:functionifr(url,w,h){documentwrite(’<iframeid="ifr"name="ifr"width="’w’"height="’h’"border=""frameborder=""scrolling="no"src="’url’"><iframe>’)}然后把它保存成一个js文件(比如iframejs)然后通过外部联接方法调用:<scripttype="textjavascript"src="ifrjs"><script>在你需要插入框架的地方写以下代码即可:<scripttype="textjavascript">ifr(’需插入的网页地址’,’’,’’)<script>函数ifr()使用说明:ifr(’这里写地址’,’这里写宽度’,’这里写长度’,)google广告问题google广告的代码是不符合WC标准的只好又把它转成JS调用但GOOGLE政策里是写着不允许修改代码的关于这点只能等待看看在以后会有什么修改了。JS文件(googlejs)代码如下:documentwriteln("<scripttype="textjavascript:special::><!")documentwriteln("googleadclient=:special::pub:special::")documentwriteln("googleadwidth=")documentwriteln("googleadheight=")documentwriteln("googleadformat=:special::xas:special::")documentwriteln("googleadtype=:special::textimage:special::")documentwriteln(":http:wwwbytecom")documentwriteln("googleadchannel=:special:::special::")documentwriteln("googlecolorborder=:special::aaa:special::")documentwriteln("googlecolorbg=:special::aaa:special::")documentwriteln("googlecolorlink=:special::deba:special::")documentwriteln("googlecolortext=:special::ffffff:special::")documentwriteln("googlecolorurl=:special::ad:special::")documentwriteln("googleuifeatures=:special::rc::special::")documentwriteln(">")documentwriteln("<script>")documentwriteln("<scripttype=:special::textjavascript:special::")documentwriteln("src=:special::http:pageadgooglesyndicationcompageadshowadsjs:special::>")documentwriteln("<script>")各位可以按照自己的情况修改网上也有许多把HTML代码转为JS代码的地方。最后在需要挂广告的地方放入代码<scripttype="textjavascript"src="googlejs"><script>WC标准注解文字不可包含符号错误<!indexbox>正确<!indexbox>小贴士:在样式表的注释中注意尽量避免用中文正确使用CSS样式表样式表放在文件本身的时候一定要放在<head><head>之间<linkrel="stylesheet"type="textcss"href="stylecss"><styletype="textcss"><!body{fontsize:pt}><style>注意:错误<style>正确<styletype="textcss">使用表格常犯的错误在做表格通常会指定宽与高,例如:<tableborder=""width=""height=""><tr><td>内容<td><tr><table>这样做是没有办法通过,可使用CSS来控制标识元素的高度table{height:px}<tableclass="table"><tr><td>TEXT<td><tr><table>但若使用太多表格,在CSS一一指定不同高,也不是好方法其实很简单将高度height属性指定在储存格就可以了通过测试<tableborder=""width=""><tr><tdheight="">TEXT<td><tr><table>但这不是WC标准,建议多使用div代替不必要的table非标识一部分的符号以编码表示(窗体内包含以下符号也必须用编码表示)<以表示>以表示以表示程序中的连结也要改用错误<ahref="foocgichapter=section=">正确<ahref="foocgichapter=section=">所有属性都必须有值XHTML规定所有属性都必须有值,若没有就必须重复属性作为值错误<inputtype="radio"value="v"checkedname="s">正确<inputtype="radio"value="v"checked="checked"name="s">错误<optionselected>S<option>正确<optionselected="selected">S<option>错误<tdnowrap>正确<tdnowrap="nowrap">  XHTML校验  校验网址:http:validatorworg  校验方式:网址校验、文件上传校验  校验成功会显示"ThisPageIsValidXHTMLTransitional!"。  校验失败会显示更多校验选项和错误信息。  一般选择"ShowSource"和"VerboseOutput"可以帮助你找到错误代码所在行和错误原因。  XHTML校验常见错误原因对照表  NoDOCTYPEFound!FallingBacktoHTMLTransitional未定义DOCTYPE。  NoCharacterEncodingFound!Fallingbackto未定义语言编码。  endtagfor"img"omitted,butOMITTAGNOwasspecified图片标签没有加""关闭。  anattributevaluespecificationmustbeanattributevalueliteralunlessSHORTTAGYESisspecified属性值必须加引号。  element"DIV"undefinedDIV标签不能用大写要改成小写div。  requiredattribute"alt"notspecified图片需要加alt属性。  requiredattribute"type"notspecifiedJS或者CSS调用的标签漏了type属性。  其中最最常见的错误就是标签的大小写问题了。通常这些错误都是关联的比如忘记了一个<li>其他<li>标签都会报错所以不要看到一堆的错误害怕通常解决了一个错误其他的错误也都没有了。  CSS校验  校验网址:http:jigsawworgcssvalidator  校验方式:网址校验、文件上传校验、直接贴入代码校验  校验成功会显示"恭喜恭喜此文档已经通过样式表校验!"。  校验失败会显示两类错误:错误和警告。错误表示一定要修正否则无法通过校验警告表示有代码不被WC推荐,建议修改。  CSS校验常见错误原因对照表  (错误)无效数字:color不是一个color值:十六进制颜色值必须加"#"号即#  (错误)无效数字:margintopUnknowndimension:pixelspixels不是一个单位值正确写法px  (错误)属性scrollbarfacecolor不存在:#eeeeee定义滚动条颜色是非标准的属性  (错误)值cursorhand不存在:hand是非标准属性值修改为cursor:pointer  (警告)Line:fontfamily:建议你指定一个种类族科作为最后的选择WC建议字体定义的时候最后以一个类别的字体结束例如"sansserif"以保证在不同操作系统下网页字体都能被显示。  (警告)Line:can'tfindthewarningmessageforotherprofile表示在代码中有非标准属性或值校验程序无法判断和提供相应的警告信息。

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/14

W3C标准原则

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利