整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:152-3219-8219

使用Web标准建站校验及常见错误

  咱们运用XHTML+CSS来从头规划咱们的网站——雨点网,可根据石家庄网站优化来建造,怎么知道自个制造的页面真的契合web规范?W3C和一些志愿者网站供给了在线校验程序,来协助咱们查看页面是不是契合规范,并供给了批改过错的协助信息。这些校验十分有用,是我调试页面第一步要做的事情。

  1.XHTML校验

  校验网址:http://validator.w3.org/

  校验方法:网址校验、文件上载校验

  校验成功,会显现"This Page Is Valid XHTML 1.0 Transitional!"。

  校验失利,会显现更多校验选项和过错信息。

  一般挑选"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特点。

  其间多见的过错即是标签的大小写问题了。一般这些过错都是相关的,比方忘记了一个别的

  • 标签都会报错,所以不要看到成堆的过错惧怕,一般处理了一个过错,别的的过错也都没有了。

     

      2.CSS2校验

      校验网址:http://jigsaw.w3.org/css-validator/

      校验方法:网址校验、文件上载校验、直接贴入代码校验

      校验成功,会显现"祝贺祝贺,此文档现已经过样式表校验! "。

      校验失利,会显现两类过错:过错和正告。过错表明一定要批改,不然无法经过校验;正告表明有代码不被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 --表明在代码中有非规范特点或值,校验程序无法判断和供给相应的正告信息。