设计出品
扫描关注网站建设微信号

扫一扫微信二维码

使用Web标准来构建站点验证和常见错误

新乡云优化2018-11-01经验之谈
使用Web标准来构建站点验证和常见错误
我们使用XHTML + CSS从头开始规划我们的网站 - 可以根据石家庄网站的优化建立Raindrop.com。你怎么知道你制作的页面真的与网络规范兼容? W3C和一些志愿者网站提供在线验证程序,以帮助我们查看该页面是否符合规范并提供更正帮助。这些检查非常有用,是我的调试页面的第一步。
1.XHTML校验和
检查网址:http://validator.w3.org/
验证方法:URL验证,文件上传验证
如果验证成功,“此页面是有效的XHTML 1.0 Transitional!”会出现。
如果验证失败,将显示更多验证选项和故障信息。
通常选择“显示源”和“详细输出”以帮助您找到故障和故障因素。
XHTML检查更常见的故障因子比较表
找不到DOCTYPE!堕落的Back到HTML 4.01 Transitional - 未定义的DOCTYPE。
找不到字符编码! 回归到UTF-8 .--无界语音编码。
省略了“img”的结束标记,但指定了OMITTAG NO - 图像标记未包含在“/”中。
除非指定了SHORTTAG YES,否则属性值规范必须是属性值文字 - 必须引用特征值。
元素“DIV”未定义--- DIV标记不能大写,它们应该更改为小写div。
未指定必需属性“alt”---图像要求加alt功能。
要求d属性“type”未指定--- JS也许CSS调用的标签错过了类型功能。
该过程中最常见的错误是标签的情况。通常,这些故障是相关的,例如,忘记单个故障
标签会报告错误,因此不要看到成堆的错误恐惧,通常会处理故障,而不会出现其他故障。
2.CSS2校验和
检查网址:http://jigsaw.w3.org/css-validator/
验证方法:网址验证,文件上传验证,直接粘贴验证
如果验证成功,它将显示“恭喜,此文档已经过样式表验证!”。
如果验证失败,则会出现两种类型的故障:故障和警告。故障表明必须纠正,否则无法验证;它表明W3C不推荐该代码并提倡修改。
CSS2检查更常见的故障因子比较表
(故障)无效的数字:color909090不是颜色值:909090 ---需要十六进制颜色值来添加“#”,即#909090
(故障)无效数字:margin-topUnknown维度:6pixels ---像素不是单位值,准确写入6px
(故障)功能滚动条 - 面颜色不存在:#eeeeee ---滚动条颜色正确和错误规格的定义
(错误)值cursorhand不存在:手正确和错误的规范特征值,更正为光标:指针
(调用)行:0 font-family:提倡你指定产品竞赛作为最终选择--W3C声称字体定义的时间,最后用一类字体完成它,例如“sans-serif”以确保 它不是在同一操作系统下,可以显示页面字体。
(告告)行:0找不到其他配置文件的警告信息 - 表示代码中有非规范性功能或值,验证程序无法判断并提供相应的正面
文章关键词