具体请点击:http://www.verydemo.com/demo_c104_i20634.html
辛苦了好多天,我们努力学习使用XHTML+CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准?W3C和一些志愿者网站提供了在线校验程序,来帮助我们检查页面是否符合标准,并提供了修正错误的帮助信息。这些校验非常有用,是我调试页面第一步要做的事情。
1.XHTML校验
- 校验网址:http://validator.w3.org/
- 校验方式:网址校验、文件上传校验
校验成功,会显示"This Page Is Valid XHTML 1.0 Transitional!",如图:
校验成功信息 src ="/images/loading.gif" original="http://cdn.verydemo.com/inc/test.jsp?url=http%3A%2F%2Fwww.w3cn.org%2Farticle%2Fstep%2F2004%2Fimages%2Fvalid.gif" width=480>
校验失败,会显示更多校验选项和错误信息,如图:
校验信息选项 src ="/images/loading.gif" original="http://cdn.verydemo.com/inc/test.jsp?url=http%3A%2F%2Fwww.w3cn.org%2Farticle%2Fstep%2F2004%2Fimages%2Frevalidate.gif" width=486>
一般选择"Show Source"和"Verbose Output"可以帮助你找到错误代码所在行和错误原因。
XHTML校验常见错误原因对照表
- No DOCTYPE Found! Falling Back to HTML 4.01 Transitional--未定义DOCTYPE。
- No Character Encoding Found! Falling back to UTF-8.--未定义语言编码。
- end tag for "img" omitted, but OMITTAG NO was specified--图片标签没有加"/"关闭。
- an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified--属性值必须加引号。
- element "DIV" undefined---DIV标签不能用大写,要改成小写div。
- required attribute "alt" not specified---图片需要加alt属性。
- required attribute "type" not specified---JS或者CSS调用的标签漏了type属性。
其中最最常见的错误就是标签的大小写问题了。通常这些错误都是关联的,比如忘记了一个</li>其他<li>标签都会报错,所以不要看到一堆的错误害怕,通常解决了一个错误,其他的错误也都没有了。如果你的页面通过XHTML1.0校验,可以在页面上放置这么一个图标: 校验 src ="/images/loading.gif" original="http://cdn.verydemo.com/inc/test.jsp?url=http%3A%2F%2Fwww.w3cn.org%2Farticle%2Fstep%2F2004%2Fimages%2Fxhtmlvalid.gif" width=88>代码如下:
<p> <a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" /></a> </p>
2.CSS2校验
- 校验网址:http://jigsaw.w3.org/css-validator/
- 校验方式:网址校验、文件上传校验、直接贴入代码校验
校验成功,会显示"恭喜恭喜,此文档已经通过样式表校验! ",hoho,校验信息支持中文噢。如图:
校验成功信息 src ="/images/loading.gif" original="http://cdn.verydemo.com/inc/test.jsp?url=http%3A%2F%2Fwww.w3cn.org%2Farticle%2Fstep%2F2004%2Fimages%2Fcssvalid.gif" width=380>
校验失败,会显示两类错误:错误和警告。错误表示一定要修正,否则无法通过校验;警告表示有代码不被W3C推荐,建议修改。
CSS2校验常见错误原因对照表
- (错误)无效数字 : color909090 不是一个 color 值 : 909090 ---十六进制颜色值必须加"#"号,即#909090
- (错误)无效数字 : margin-topUnknown dimension : 6pixels ---pixels不是一个单位值,正确写法6px
- (错误)属性 scrollbar-face-color 不存在 : #eeeeee --- 定义滚动条颜色是非标准的属性
- (错误)值 cursorhand不存在 : hand是非标准属性值,修改为cursor:pointer
- (警告)Line : 0 font-family: 建议你指定一个种类族科作为最后的选择 --W3C建议字体定义的时候,最后以一个类别的字体结束,例如"sans-serif",以保证在不同操作系统下,网页字体都能被显示。
- (警告)Line : 0 can't find the warning message for otherprofile --表示在代码中有非标准属性或值,校验程序无法判断和提供相应的警告信息。
....................................................................
<p> <a href="http://jigsaw.w3.org/css-validator/"> <img >
相关推荐
网页设网页设计DIV+CSS第12天校验及常见错误
12天学会DIV+CSS从理论到实践的教程,强烈推介。 第一天:选择什么样的DOCTYPE 第二天:什么是名字空间 第三天:定义语言编码 第四天:调用样式表 第五天:HEAD区的其他设置 ...十二天:校验及常见的错误
第1天:选择什么样的DOCTYPE 第2天:什么是名字空 第3天:定义语言编码 第4天:调用样式表 第5 天:head 区的其他设置 第6天:XHTML 代码规范 第7天:CSS 入门 第8天:CSS 布局...第11 天:不用表格的菜单 第12天:校验及常见错误
网页设计DIV+CSS——第12 天:校验及常见错误.................................................................................. 24 1.XHTML 校验. 24 2.CSS2 校验... 25 CSS 的十八般技巧. 25 WEB 打印实例教程....
第4章 系统设计 12 4.1验证码的形式 12 4.2验证码的安全性设置 12 第5章 系统实现 13 5.1文字验证码登录界面 13 5. 2输入错误的验证码界面 13 5.3图像验证码登录界面 14 5.4图像验证码拖动错误界面 14 5.5后台管理...
第12章 任务G:最后一片饼干 129 12.1 生成XML 129 12.2 扫尾工作 136 第13章 任务I:国际化 139 13.1 迭代I1:翻译 139 13.2 迭代I2:探索内容的翻译策略 149 第14章 任务T:测试 151 14.1 加上测试 151 14.2 模型...
二、常见ISDN故障 ISDN问题分成3类:配置不当的路由器、物理线缆和ISDN协议、配置不当的交换机。 1、配置不当的路由器 配置不当由于不同原因:typographical错误、从服务供应商提供的错误信息、本路由器...
其中第5章、第9章和附录A、B、C由韩琪翻译,第3章、第11章和第13章由杨艳翻译,第7章、第8章和第10章由王玉英翻译,第4章和第6章由李娜翻译,第1章由褚华翻译,第2章由陈贵敏翻译,第12章由辛健斌翻译;全部译稿的...
第12章 使用goldengate veridata进行数据校验 12.1 goldengate veridata概述 12.2 安装goldengate veridata 12.3 配置goldengate veridata的安全属性 12.4 运行goldengate veridata程序进行数据比较 第...
ICV 12/40 认知网络安全(PPT-31页)全文共32页,当前为第12页。 无线网络的WEP机制 窃听 加密 解密 明文 密钥 传输 密文 密钥 密文 明文 窃听 密钥流序列 密文 CRC-32 IV 明文 密钥 RC4算法 ICV/ 异或运算 连接 连接...
二、常见ISDN故障 ISDN问题分成3类:配置不当的路由器、物理线缆和ISDN协议、配置不当的交换机。 1、配置不当的路由器 配置不当由于不同原因:typographical错误、从服务供应商提供的错误信息、本路由器...
及页面操作权限验证是B/S系统的基础功能,一个功能复杂的业务应用系统,通过角色授权来控制用户访问,本文通过Form认证,Mvc的Controller基类及Action的权限验证来实现Web系统登录,Mvc前端权限校验以及WebApi服务端...
、检错方法常见的有:奇偶校验、海明码、循环冗余校验码( CRC ) ( 1 )海明码中数据有 m 位,冗余位有 k 位,则有 m+k-1 k 。 ( 2 ) CRC 中校验和生成步骤: 1 )约定生成多项式为...
第二章 实施简介及相关注意点 4 1. 实施方法简介 4 外系统数据导入的一般步骤 4 信息交换平台服务器端文件目录结构 5 2. Servlet的URL地址参数与XML交换文档头属性的关系 6 3. 向NC系统发送数据方式 7 手动界面发送 ...
2.1.4. 通过MD5校验和或GnuPG验证软件包的完整性 2.1.5. 安装布局 2.2. 使用二进制分发版的标准MySQL安装 2.3. 在Windows上安装MySQL 2.3.1. Windows系统要求 2.3.2. 选择安装软件包 2.3.3. 用自动安装器安装MySQL ...
第二部分详细讲解了jsf ri、jta、jndi、rmi、jms、javamail、ejb 3的session bean、message driven bean、jpa、jax-ws 2、jaas等java ee知识,这部分知识以jsf+ejb 3+jpa整合开发为重点,通过使用netbeans ide工具...
回执及异常出错信息 12 回执格式 12 异常和错误编码 14 查询及回执格式样例 14 5 . 信息交换平台总体参数设置 23 外部系统默认帐套 24 单篇最大传输上限 24 导入过程是否记录中间文件 25 回执文件后台备份 25 回执...