编辑器1.结构标准语言 (1)XML XML是The Extensible Markup Language(可扩展标识语言)的简写 WEB标准组成 。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0,参考(www.w3.org/TR/2000/REC-XML-20001006)。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。 (2)XHTML XHTML是The Extensible HyperText Markup Language可扩展超文本标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0(参考http://www.w3.org/TR/xhtml1)。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。 编辑本段2. 表现标准语言 CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2(参考http://www.w3.org/TR/CSS2/)。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。 编辑本段3.行为标准 (1)DOM DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范(http://www.w3.org/DOM/),DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。 (2) ECMAScript ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言(JAVAScript)。目前推荐遵循的是ECMAScript 262 编辑本段web标准有关XHTML代码规范 1.所有标记必须有一个相应的结束标记: 以前在HTML中,你可以打开许多标签,例如
和
和来关闭它们。但在XHTML中这是不合法的。XHTML要求有 严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加 一个"/"来关闭它。例如:
2.元素和属性的名字都必须使用小写 : 与HTML不一样,XHTML对大小写是敏感的,
和<title>是不 同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如: <body>必须写成。大小写夹杂也是不被认可的,通常dreamweaver 自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。 3.所有的XML标记都必须合理嵌套 : 同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以 前我们这样写的代码: <p><br /></p>/b> 必须修改为: <p><br /></p> 就是说,一层一层的嵌套必须是严格对称。4.所有的属性必须用引号""括起来: 在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加 引号。例如: <height=80> 必须修改为: <height="80"> 特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用 ',例如: <alt="say'hello'"> 5.把所有<和&特殊符号用编码表示 :="" l="" t="">),不是标签的一部分,都必须被编码为& g t ; 任何与号(&),不是实体的一部分的,都必须被编码为& a m p; 注:以上字符之间无空格。 6.给所有属性赋一个值 : XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如: <td nowrap="nowrap"><input type="checkbox" name="shirt" value="medium" checked="checked" /> 必须修改为: <input type="checkbox" name="shirt" value="medium" checked="checked" /> 7.不要在注释内容中使用的符号 “--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的: <!--这里是注释-----------这里是注释--> 编辑本段W3C标准测试 页面校验地址 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=gb2312" /> 才能顺利进行测试动作,开始打造一个万维标准的网站吧! 编辑本段采用Web标准的好处 对于访问者: ● 文件下载与页面显示速度更快。 ● 内容能被更多的用户所访问(包括失明、视弱、色盲等残障人士)。 ● 内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等)。 ● 用户能够通过样式选择定制自己的表现界面。 ● 所有页面都能提供适于打印的版本。 对于网站所有者: ● 更少的代码和组件,容易维护。 ● 带宽要求降低(代码更简洁),成本降低。举个例子:当 ESPN.com 使用 CSS改版后,每天节约超过两兆字节(terabytes)的带宽。 ● 更容易被搜寻引擎搜索到。 ● 改版方便,不需要变动页面内容。 ● 提供打印版本而不需要复制内容。 ● 提高网站易用性。在美国,有严格的法律条款(Section 508)来约束政府网站必须达到一定的易用性,其他国家也有类似的要求。 编辑本段W3C标准测试使用说明 1.XHTML 1.0文件类别宣告的正确写法 (不可小写) 过度标准(Transitional) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 框架标准(Frameset) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 严格标准(Strict) 包含以上须注意的问题,还有其他更严格的标准 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2.头文件问题 所有的网页头文件都一律都改为标准形式,写法如下: <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>...
3.不允许使用target="_blank" 在HTML4.01可以使用target="_blank",但XHTML1.0是不被允许的. 我使用了一个HTML4.0的新属性:rel,这个属性用来说明链接和包含此链接页面的关系,以及链接打开的目标。 原来这样写的代码: 打开一个新窗口 现在要写成这样:打开一个新窗口 这是符合strict标准的方法。当然还必须配合一个javascript才有效。 javascript完整的代码JS如下: function externallinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i
4.XHTML 1.0要求所有的标签必须关闭 所有没有成对的空标签必须以 />结尾 和这就是成对 错误
正确
错误 正确 错误 正确 错误 正确 错误 正确 5.所有标签元素名称都使用小写 错误 正确 错误 正确 错误
正确
以上只是举例,是"所有"标签元素名称都必须是小写 6.同一个id选择器不可重复使用 一个网页中id="xx"同一个选择器不能重复使用,若需要重复请用class="xx" 7.标签必须是一对 [font][/font] 8.正确的标签顺序 错误 文字 正确 文字 9.JavaScript写法 Javascript我们通常会写为 错误
10.绝对不可省略双引号或单引号 错误 style=font-size:9pt 正确 style="font-size:9pt" 错误 正确 错误 text 正确 text 11.图片标签加上文字说明alt="说明" 错误 正确 12.背景音乐不允许使用 bgsound 标签 我只好用JavaScript解决这个问题。javascript完整的代码如下: 你可以把它保存成一个.js文件(比如bjmusic.js),然后通过外部联接方法调用:
13. 标签的争议 是Netscape的私有标签,W3C 从HTML3.2 HTML 4.01 到 XHTML 1.0 中都没有这个标签,所以使用的页面是不能通过标准测试。 W3C推荐使用 标签,用插入flash影片的代码可以写为: 但这样的写法可能IE5/IE6 Win浏览器版本会出现问题。 标签因为广大的受到运用,不再标准范围引起很大的争议,想要解决这个问题,只能等IE浏览器对有更好的支持或者W3C愿意收录标签。 14. 不允许使用框架标签 这次又要用JavaScript解决问题了。javascript完整的代码如下: function ifr(url,w,h){document.write('');} 把它保存成一个.js文件(比如ifr.js),然后通过外部联接方法调用:
在你需要插入框架的地方写以下代码即可:
函数ifr()使用说明:ifr('这里写地址','这里写宽度','这里写长度',) 15.google广告问题 google广告的代码是不符合W3C标准的,我只好又把它转成JS调用,但GOOGLE政策里是写着不允许修改代码的, 关于这点我正在写信给GOOGLE询问中,应该很快会有答案。 我的JS文件(google.js)代码如下: document.writeln("
其他需注意的地方: 16.注解文字不可包含--符号 错误 正确 17.正确使用CSS样式表 一定要放在之间 错误
<head><body><html><title><head><body><img src="http://www.cnblogs.com/editor/tiny_mce/themes/advanced/img/trans.gif" class="mceItemMedia mceItemFlash" width="320" height="240" data-mce-json="{'video':{},'params':{'src':null},'object_html':'<img src=\"http://www.cnblogs.com/editor/tiny_mce/themes/advanced/img/trans.gif\" class=\"mceItemMedia mceItemFlash\" width=\"320\" height=\"240\" data-mce-json=\"{\'video\':{},\'params\':{\'src\':null},\'object_html\':\'<img src=\\"http://www.cnblogs.com/editor/tiny_mce/themes/advanced/img/trans.gif\\" class=\\"mceItemMedia mceItemFlash\\" width=\\"320\\" height=\\"240\\" data-mce-json=\\"{\\\'video\\\':{},\\\'params\\\':{\\\'src\\\':null},\\\'object_html\\\':\\\'&lt;iframe&gt;&lt;/iframe&gt;\\\'}\\"></img>\'}\"></img>'}"></img></body></head>