« 博客交流圈:你不是一个人在奋斗望月:互联网目睹之怪现状 »

W3C校验:让你的网页设计符合国际标准

28评论
浏览
        已解决所有警告项,即全部符合W3C标准,此前未解决问题已解决!关注请往下看
用W3C标准来设计网站,有个好处:提高用户体验,加快网页下载速度。按照W3C标准设计的网站,用户浏览速度比较快,因为网站的代码比较简洁。
        这几天一直在寻求一个为博客提速的方案,最终想到了W3C网页设计标准,于是到W3C CSS验证服务校验了自己的CSS,发现了17处错误和180多项警告,而且看下错误提示,几乎都是word-warp和word-break属性出的问题,于是考察了一下博客的现有布局,决定将CSS中的所有word-warp错误属性删去,于是很快校验结果显示还有1个错误:display无效的参数{ifannounce}。

      于是将CSS文档仔细检查了一遍没发现可疑点。突然想到ifanannounce,似乎与博客首页的公告有关联,于是查看公告代码,发现了display后面的值就是{inannounce},于是将其改为block,再次校验,OK了(所以在此提醒,W3C校验不只是对你的外部CSS文档进行校验)

     下一步是修改其中的警告项,一看提示,几乎都是颜色与背景颜色一致。于是将所有警告的颜色进行修改,最终剩下8项警告,而且提示均相同:In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected 。自己翻译了一下,大体知道了其中的含义(浮动元素需要声明width,仅内部有width的元素才不被影响),也不知道我翻译的对不对,但还是没有着手修改,等待下次的突破。
     【09-8-5补充:确为浮动元素未设置with值,统一增加 with:auto; 即可】

     通过W3C校验,算是基本符合了国际网页设计标准,在用户体验、搜索体验上就会有所提高,至少可以告诉你的博客在所有浏览器里都会显示正常!在这里,也对国际网页标准化做点小小推广,希望越来越多的中国网页设计师走国际标准化道路。同时感谢本博客主题的创造者:鬼火,否则小博也不可能如此简单通过校验。
    
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。
       w3c标准验证地址:http://validator.w3.org/
       零才博客校验链接:http://jigsaw.w3.org/css-validator/validator?uri=www.0cai.net&profile=css21&usermedium=all&warning=1
        中国万维网(w3c)协会:http://www.webw3c.org/

谨言慎行,互帮互助,做一个老实的分享家!本文地址:http://www.0cai.net/post/w3c-css.html
 欢迎关注零才的微博,与零才互动,也许,我们注定是好朋友!

Tags: css  declared  htmlcss  w3c标准  width  鬼火  已有28人评论【我来说两句】

css  declared  htmlcss  w3c标准  width  鬼火  相关的文章:

    • 评论:(28)
    • 隐藏评论列表
    【已有28位网友发表了看法】
    • 大睢宁
      28楼 大睢宁 回复该留言Post:2010-11-2 13:30:46
      我申请了好几次都没有成功
    • 0cai
      27楼 0cai 回复该留言Post:2009-8-5 1:10:20
      哎 也不影响  PR没问题  浏览器显示没问题 就不要紧了啊!
    • 0cai
      26楼 0cai 回复该留言Post:2009-8-4 4:59:41
      恩  是的  我写了许多DIV+CSS,浏览器兼容也没问题  显示一切都正常  但是校验发现错误有200多的!
    • 0cai
      25楼 0cai 回复该留言Post:2009-8-4 5:00:40
      怎么叫迈向死亡呢  不会的  自己学习一下CSS吧  到卢松松博客学习去!
    • 0cai
      24楼 0cai 回复该留言Post:2009-8-3 5:55:10
      哈哈  有点逗!  慢慢改吧  也不是很难应付的   其中肯定有很多重复属性的错误!
    • 0cai
      23楼 0cai 回复该留言Post:2009-8-3 5:56:11
      恩  是啊  但是考虑到自己博客访问速度和搜素体验的问题,我还是这样标准化了!
    • 0cai
      22楼 0cai 回复该留言Post:2009-8-3 6:04:23
      呵呵  只要不影响用户体验  不应现浏览器显示  就没多大问题的!
    • 0cai
      21楼 0cai 回复该留言Post:2009-8-2 20:04:16
      恩  确实如此!
    • 0cai
      20楼 0cai 回复该留言Post:2009-8-2 17:13:16
      W3C标准在中国已经得到了广泛的推广和宣传  现在越来越多的网站符合W3C标准了 为此国际相关组织都越来越关注中国的互联网发展了!
    • 0cai
      19楼 0cai 回复该留言Post:2009-8-2 17:11:04
      恩  是啊  CSS的属性也就那么多  规则较少  掌握起来还是很容易的
    • 0cai
      18楼 0cai 回复该留言Post:2009-8-2 17:14:19
      恩  是啊  中国的网络硬件设施还得加强啊  要物美价廉才够好!
    • 0cai
      17楼 0cai 回复该留言Post:2009-8-2 5:47:50
      恩  和我想的一样啊  我是连大图片都不敢多放的
    • 0cai
      16楼 0cai 回复该留言Post:2009-8-2 4:37:37
      不是啊  真不应该这样说  追求更好 人人都应该这样!
    • lowkey
      15楼 lowkey 回复该留言Post:2009-8-11 3:46:18
      那我也是尝试下,看看能不能通过,呵呵~!
    • 永世的缘
      14楼 永世的缘 回复该留言Post:2009-8-6 10:54:43
      哈,根据这篇日志,我也修改成功,通过CSS验证了。谢谢博主呀。
    • 永世的缘
      13楼 永世的缘 回复该留言Post:2009-8-6 8:03:19
      在做CSS检测时,发现可以选择CSS 版本 3,那我们是按2.1的标准来还是3的标准呢?
    • 我想想
      12楼 我想想 回复该留言Post:2009-8-4 15:52:25
      我的网页有二百多个错误<br/>我看了,都怕了。
    • keelii
      11楼 keelii 回复该留言Post:2009-8-3 10:29:24
      只要xhtml结构合理,css属性适当少用hack做到向下兼容的话校验其实意义不大...
    • 阿东
      10楼 阿东 回复该留言Post:2009-8-3 8:22:35
      198个错误。39个警告。。汗。。 <br/>&nbsp;&nbsp; 我的博客看来迈向死亡了。。 可惜不会改。。。
    • 平
      9楼 回复该留言Post:2009-8-2 21:27:37
      擦 我和你反过来了 我是180多个错误 12个警告 这可咋办呀
    • 卢松松
      8楼 卢松松 回复该留言Post:2009-8-2 20:49:27
      原本我也想做一个符合标准的网页,但个人感觉没什么必要。因为还不影响用户的访问!
    • 妖狐闪现
      7楼 妖狐闪现 回复该留言Post:2009-8-2 20:10:06
      郁闷,首页有48个error。
    • 妖狐闪现
      6楼 妖狐闪现 回复该留言Post:2009-8-2 19:39:06
      还有这说法?试试去:-)
    • 零距离blog
      5楼 零距离blog 回复该留言Post:2009-8-2 13:15:42
      好文,转载一下继续研究,W3C CSS验证服务,我一查也有100多错误,看来过去都太不重视W3C网页设计标准,可是具体代码修改还是不很会。
    • zwwooooo
      4楼 zwwooooo 回复该留言Post:2009-8-2 12:54:08
      css通过w3c验证倒是很容易,但是html就比较麻烦,通常不是主题问题,是插件问题
    • 飞晏
      3楼 飞晏 回复该留言Post:2009-8-2 12:17:49
      咱们中国人的网速都比较惨<br/>适当的修改时必须的<br/>不像老美和韩国人<br/>整站图片都没关系
    • notycn
      2楼 notycn 回复该留言Post:2009-8-2 4:42:23
      可惜没你的网络速度,所以我的只追求页面显示速度了,能用代码写出来的就不用插件
    • notycn
      1楼 notycn 回复该留言Post:2009-8-2 2:21:48
      一样都是有代码洁癖的人,呵呵
    本站提供网络推广与网站策划咨询,如有需要可联系QQ58162156。

    已有16位网友发表了自己的看法,你还等什么?

    点击更换

    零才博客:关注网络推广与互联网产品的原创博客!Archiver
    本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
    鄂ICP备08005150号