• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    第12天:校验及常见错误

    辛苦了好多天,我们努力学习使用XHTML+CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准?W3C和一些志愿者网站提供了在线校验程序,来帮助我们检查页面是否符合标准,并提供了修正错误的帮助信息。这些校验非常有用,是我调试页面第一步要做的事情。

    1.XHTML校验

    校验成功,会显示"This Page Is Valid XHTML 1.0 Transitional!",如图:

    校验失败,会显示更多校验选项和错误信息,如图:

    一般选择"Show Source"和"Verbose Output"可以帮助你找到错误代码所在行和错误原因。

    XHTML校验常见错误原因对照表

    其中最最常见的错误就是标签的大小写问题了。通常这些错误都是关联的,比如忘记了一个/li>其他li>标签都会报错,所以不要看到一堆的错误害怕,通常解决了一个错误,其他的错误也都没有了。如果你的页面通过XHTML1.0校验,可以在页面上放置这么一个图标: 代码如下:

    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校验

    校验成功,会显示"恭喜恭喜,此文档已经通过样式表校验! ",hoho,校验信息支持中文噢。如图:

    校验失败,会显示两类错误:错误和警告。错误表示一定要修正,否则无法通过校验;警告表示有代码不被W3C推荐,建议修改。

    CSS2校验常见错误原因对照表

    同样,通过检验后,可以放置一个CSS校验通过图标,代码如下:

    p> a href="http://jigsaw.w3.org/css-validator/"> img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /> /a> /p>
    上一篇:第11天:不用表格的菜单
    下一篇:VML的基本概念
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    第12天:校验及常见错误 第,12天,校验,及,常见,错误,