威言威语
我愿像茶,苦涩留心,清香予人。
威言威语
当前位置: 首页 > 设计 > 正文

通过W3C标准的几点想法

最近给网站验证了下W3C标准,错误颇多,有些都是很低级的错误,这或许是没有太多关注W3C标准的缘故吧。虽然不是特别的重视W3C,但是一些简单的错误还是需要避免的。
通过W3C标准的几点想法

最近王晔童鞋在整理他的网站,终于算是开张了,其实这小子一直想自己写个程序,无奈时间有限,不忍写到一半又太监了,于是用Typecho搭建了他的博客。

然后就是规划他的博客主题了,他喜欢简洁不喜欢花哨,颜色还是他那种一层不变的淡蓝色。

然后我们聊到了浏览器兼容的问题,他喜欢转牛角尖的,想兼容IE5,IE5.5,IE6,IE7,IE8,IE9,FireFox,Chrome,Opera等各个浏览器,包括哪些非IE浏览器的早期版本,而且还写了打印的CSS。当然了,兼容最多的浏览器想法是好的,但是貌似没那么多的必要了。

还有就是W3C标准的问题,说到W3C标准,其实我不怎么关注的,我的想法是用户看到的才是真实的,而不是刻意去通过什么标准,标准这东西有好有坏,上学那会儿考试大多有个标准答案,貌似国外更多是发散性思维。他的页面都通过了W3C验证,于是我也去测试下,没敢测试博客页面,就测试了下网站首页,额,很简短代码8个错误。

然后就发现首页上面的有些错误是很低级的,这或许是没有太多关注W3C标准的缘故吧。W3C不支持border=”0″和target=”_blank”的。border=”0″可以用img {border:none}来解决,在国外的一些设计中,是看不到target=”_blank”的,他们觉得target=”_blank”属于一种强制东西,不是友好的用户体验,所以不用target=”_blank”,而是用户自己通过鼠标滚轴点击自行决定是本窗口打开还是新窗口打开,国内就不行了,特别是IE6的存在,IE6不支持点击鼠标滚轴在新窗口中打开网页的,所以基本上国内的网站为了点击量而大量的使用了target=”_blank”。首页就一个ICP备案的外部链接,于是我就去掉了上面的target=”_blank”。

嵌套问题,<script>标签里不能嵌套<div>,要加个CDATA标记,这样校验的时候就不会把脚本里的标签当作是嵌套标签了。

&的问题,根据提示,链接内部&要改成&amp; 改好之后就OK了。

修改好上传,重新验证,就全部通过了。

然后我看了下一些大网站的W3C情况,可以说是一团糟,就首页而言,微软109 Errors, 34 warnings;Google 36 Errors, 2 warnings。犹记得很早之前微软的首页是全部通过W3C的,现在也堕落了。

之后又突发奇想验证了CSS的W3C,竟然通过了,只有一个关于字体的警告。

按照规范,浏览器应该能自动识别字体的别名,并映射到正确的字体文件。比如,font-family:Microsoft YaHei、font-family:’微软雅黑’以及unicode形式的font-family:’\5FAE\8F6F\96C5\9ED1’应该具有等价的效果。可惜,似乎很多浏览器都不能正确执行前一条定义……Opera下就不认识font-family:Microsoft YaHei。

首页我没有用CSS Hack,没有用CSS3,貌似有了CSS Hack都不行的,上面的CSS 版本还是2.1的,CSS3就肯定通不过了,其实CSS3到目前也没用标准出来,各个浏览器有各个浏览器的标准,想统一标准就极难了。

其实应该很少人去验证CSS的W3C的,你说是用户显示正常重要还是标准重要?很简单的道理。

博客首页我验证了下,发现了几个小问题,于是顺带修改了下,没有刻意去管,也不是那么容易搞定的。

您可能还会对这些文章感兴趣!

通过W3C标准的几点想法:目前有 75 条评论

  1. Yong StillHere
    37楼
    Yong StillHere:Google Chrome 17.0.963.56 Windows XP

    如果大家都不重视w3c,那统一规范将遥不可及了…

    2012-02-29 10:18 回复
    • William
      WilliamGoogle Chrome 17.0.963.56 Windows 7

      @Yong StillHere恩,不过有时候规范是死的,也是人订的,当然,如果按照规范来写肯定是非常好的。

      2012-02-29 10:29 回复
  2. 闲云野鹤
    36楼
    闲云野鹤:Google Chrome 13.0.782.112 Windows 7

    其实没有必要完全为了验证而验证。我反正只有在公开的代码中,保证代码是对的,自己用就没那么较真了 :shock:

    2011-08-20 22:47 回复
  3. 言冬
    35楼
    言冬:Firefox 4.0.1 Windows XP

    其实,W3C通不通过都可以的~~没这个必要的,呵呵

    特别有一点就是不能使用CSS对不同的浏览器进行hack,纠结ing~~~

    2011-05-27 17:41 回复
  4. 阳光e友
    34楼
    阳光e友:Internet Explorer 8.0 Windows 7

    神马都是习惯

    2011-03-25 01:24 回复
  5. 逝魂
    33楼
    逝魂:傲游浏览器 3.0 Windows 7

    模板造成的还好改

    2011-02-19 20:26 回复
  6. Paran
    32楼
    Paran:Internet Explorer 8.0 Windows 7

    这个头像 很给力 哈哈

    2011-02-19 12:48 回复
  7. david
    31楼
    david:Firefox 3.6.13 Windows XP

    话说我的博客还没有通过W3C呢。哈哈,无所谓了哦。

    2011-02-19 10:10 回复
    • William
      William世界之窗浏览器 Windows XP

      @david哈哈,我博客页面也没有,我就改了几个能改的问题,其他的不管了,都是些脚本问题

      2011-02-21 10:35 回复
      • david
        david:Firefox 3.6.13 Windows XP

        @William是啊 ,上次试着看看能不能通过,后来没有通过就没有去再弄了。麻烦哈。

        2011-02-26 11:25 回复
  8. reizhi
    30楼
    reizhi:Google Chrome 11.0.672.2 Windows XP

    以前弄过,首页好弄,里面就比较麻烦
    后来就没管了,只要常用浏览器没什么BUG就行

    2011-02-19 04:16 回复
  9. sweetbao
    29楼
    sweetbao:Mozilla Compatible iPad iOS 4.2.1

    看来通过那个标准真是不容易,恭喜你首页通过了。话说你收得到我网站回复你留言的邮件提示吗?

    2011-02-18 23:53 回复
  10. xuan律
    28楼
    xuan律:Internet Explorer 8.0 (Compatibility Mode) Windows 7

    太高深,不懂,纯围观

    2011-02-18 16:12 回复
  11. 希丸嘉
    27楼
    希丸嘉:Google Chrome 9.0.597.94 Windows 7

    怎么我在这里留言,我的头像变了?

    2011-02-17 19:04 回复
  12. 希丸嘉
    26楼
    希丸嘉:Google Chrome 9.0.597.94 Windows 7

    学网页制作必备的W3C标准啊。

    2011-02-17 19:04 回复
  13. Magento小工
    25楼
    Magento小工:Firefox 3.6.13 Windows 7

    太过于追求完美了,其实没必要,国内外都在喊着 kill ie6呢。

    2011-02-17 18:43 回复
    • William
      William世界之窗浏览器 Windows XP

      @Magento小工通过网站统计,IE6有40%以上的人看,除非全部淘汰XP,否则别想Kill IE6.

      2011-02-21 10:27 回复
  14. 海天
    24楼
    海天:Google Chrome 8.0.552.215 Windows 7

    W3C 现在都是想通过这个

    2011-02-17 17:24 回复
  15. 王正和
    23楼
    王正和:Internet Explorer 8.0 Windows 7

    Hello World!
    打开你的博客,首先看到的。Hello World!
    突然想起来,几年前刚刚接触c#的时候,学的第一个实例,题目就叫:Hello World!
    忆往昔,感觉自己又年轻了好几岁

    2011-02-17 00:32 回复
  16. wusx
    22楼
    wusx:Internet Explorer 8.0 Windows 7

    我看了几个 php的blog程序 发现自己的程序结构 乱七八糟 想改都不知道从那里改

    2011-02-16 14:36 回复
    • William
      William世界之窗浏览器 Windows XP

      @wusx额,这个得要问你了,写代码的规范了

      2011-02-17 14:43 回复
      • wusx
        wusx:Internet Explorer 8.0 Windows 7

        @William没有受过这方面训练……我甚至正规编程的课都没上过……
        都不明白怎么做 才规范………………

        2011-02-17 21:36 回复
        • Prouz
          Prouz:Google Chrome 10.0.612.3 Windows 7

          @wusx很悲催嘛 …… 哈哈
          英文可以的话可以去w3官网学习一下…… 貌似我记得有说明的哦

          2011-02-17 21:40 回复
  17. song
    21楼
    song傲游浏览器 2.0 Windows XP

    target=”_blank”不用怎么行呢,好不容易进个网站,看着看着不知道转到那里去了,还要后退后退后退,挺麻烦的,不过现在浏览器都有设置了,貌似用不用无所谓了,设置一下在新标签中打开就行了,不管什么技术,都是给高手用的……
    我原来的老总看网页,看着看着就叫我,找不到我给他找的网站了,都要我帮他后退,还要一边问,是不是这个?是不是这个?是不是……
    那时候咬牙切齿地恨那些做网站的,为什么不加target=”_blank”
    哈哈,深受其害过……

    2011-02-16 10:33 回复
    • William
      William世界之窗浏览器 Windows XP

      @songtarget=”_blank”对于国人而言是个非常好的东西,国内的网站基本都用的。其实不加target=”_blank”而只单击也能实现的,加个小脚本叫OK了

      2011-02-17 14:42 回复
      • song
        song傲游浏览器 2.0 Windows XP

        @William我把办公室电脑都弄了傲游,前段时间觉得傲游太慢,改成了世界之窗,都给他弄成新标签打开,这下就好了,我可以省很多工作量了……

        2011-02-28 09:38 回复

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

gravatar

question razz sad smile redface biggrin eek shock confused cool lol mad rolleyes wink cry