主题手术之通过W3C html验证

还是一篇迟来的文章,在3月初的时候,见到willin介绍的一款ff插件——Html Validator验证器,于是抱着好奇的心态验证一下网站,本来知道自己技术不是特别牛,错误和警告肯定是有的,可是真的不测不知道,一测吓一跳,竟然有60多个警告,错误倒是没有。然后抱着一丝希望,打开W3C的html验证测了一下,哥直接奔泪了,竟然有20多个错误和100个警告~于是本着完美至上的心态,我决定又要给主题做手术了。目标是通过W3C的html验证,当然Html Validator也要兼顾,虽然willin后来补充这类验证插件结果不大准确~

 

观察html验证的错误和警告列表,有一大半都是腾讯的微博秀导致的,由于这个微博秀是直接调用官方的代码,无法修改,所以只能舍弃了微博秀。可是我又想在Wordpress里跟大家分享我的近况,没有了微博秀可麻烦了~不过事情总是有解决办法的,动动脑筋,决定用一个滚动的广播条来代替,之前在一些独立博客上就见过这类广播条,后来找到了万戈童鞋制作的万戈工具条,也就是现在大家见到的网站底部的广播条,因为万戈公布了工具条的代码,所以我决定直接修改模板来添加广播条,不过这时又出现了一个问题,广播条需要从rss里缓冲数据,但是腾讯微博是没有自己的rss。还是那句啦,事情总是有解决办法的,不过这次的办法比较麻烦,就是另外建一个独立微博,大家没有看错,是独立微博,于是找了一套不错的独立微博系统pagecookery(国人开发的) 在空间里建了一个站,然后弄了个子域名给它——t.kayosite.com(传送门)

 

这样一来,独立微博就建好了,下一步是同步腾讯微博,Pagecookery是支持嘀咕同步的,嘀咕又支持qq,这下事情办成了~

 

哈哈,修改一下广播条的css,让它适应我的网站,广播条就做好了,当然腾讯微博秀也要下岗了。

 

再测一下html验证,警告少了一大半了。

 

之后就是无数零碎的小问题了

……

元素嵌套不规范

<img>没有添加 alt=” 属性”

没有闭合的标签

……

其中“没有闭合的标签”这个得展开讲一下,其实有时候标签没有闭合,并不一定是你在写html时忘了写闭合,可能是各类html或wp函数自动生成 单个html标签,导致标签没有闭合。比如<ul>里如果有标题,那么ul内部就会出现<li>没有闭合。

 

还有一个很让人头疼的问题,target="_blank"是不通过W3C标准的,可是刚做的广播条里我的腾讯微博和新浪微博链接里应用了 target="_blank",于是想改为用css expression代替,可是css expression只支持ie,并且一个css expression就会给浏览一次页面带来成千上万次计算,所以不采用css expression。另外用js+rel改写链接与页面关系的办法也不采用了,毕竟网站加载的js已经够多了,经过一番考虑,决定取消腾讯微博和新浪微 博在新标签中显示了,毕竟是自己的微博,不做新窗口也没关系了。

 

好了,折腾了这么久,终于到了检测的时间,在W3C的检查页面上再次点击revalidate,终于到了This document was successfully checked as XHTML 1.1!

 

哈哈,终于通过W3C了,然后再看看Html Validator,只剩4个警告。一个更专业和标准的kayosite.com就这样诞生了。

 

贴上通过W3C html验证图

 

还是一篇迟来的文章,在3月初的时候,见到willin介绍的一款ff插件——Html Validator验证器,于是抱着好奇的心态验证一下网站,本来知道自己技术不是特别牛,错误和警告肯定是有的,可是真的不测不知道,一测吓一跳,竟然 有60多个警告,错误倒是没有。然后抱着一些希望,打开W3Chtml验证测了一下,哥直接奔泪了,经验有20多个错误和100个警告~于是本着完美至 上的心态,我决定又要给主题做手术了。目标是通过W3Chtml验证,当然Html Validator也要兼顾,虽然willin后来补充这类验证插件结果不大准确~

观察html验证的错误和警告列表,有一大半都是腾讯的微博秀导致的,由于这个微博秀是直接调用官方的代码,无法修改,所以只能舍弃了微博秀。可是 我又想在WordPress里跟大家分享我的近况,没有了微博秀可麻烦了~不过事情总是有解决办法的,动动脑筋,决定用一个滚动的广播条来代替,之前在一 些独立博客上就见过这类广播条,后来找到了万戈童鞋制作的万戈工具条,也就是现在大家见到的网站底部的广播条,因为万戈公布了工具条的代码,所以我决定直 接修改模板来添加广播条,不过这时又出现了一个问题,广播条需要从rss里缓冲数据,但是腾讯微博是没有自己的rss。还是那句啦,事情总是有解决办法 的,不过这次的办法比较麻烦,就是另外建一个独立微博,大家没有看错,是独立微博,于是找了一套不错的独立微博系统pagecookery(国人开发的) 在空间里建了一个站,然后弄了个子域名给它——t.kayosite.com(传送门)

这样一来,独立微博就建好了,下一步是同步腾讯微博,Pagecookery是支持同步嘀咕的,嘀咕又支持qq,这下事情办成了~

哈哈,修改一下广播条的css,让它适应我的网站,广播条就做好了,当然腾讯微博秀也要下岗了。

再测一下html验证,警告少了一大半了。

之后就是无数零碎的小问题了

……

元素嵌套不规范

<img>没有添加 alt=” 属性

没有闭合的标签

其中没有闭合的标签这个得展开讲一下,其实有时候标签没有闭合,并不一定是你在写html时忘了写闭合,可能是各类htmlwp函数自动生成 单个html标签,导致标签没有闭合。比如<ul>里如果有标题,那么ul内部就会出现<li>没有闭合。

还有一个很让人头疼的问题,target="_blank"是不通过W3C标准的,可是刚做的广播条里我的腾讯微博和新浪微博链接里应用了 target="_blank",于是想改为用css expression代替,可是css expression只支持ie,并且一个css expression就会给浏览一次页面带来成千上万次计算,所以不采用css expression。另外用js+rel改写链接与页面关系的办法也不采用了,毕竟网站加载的js已经够多了,经过一番考虑,决定取消腾讯微博和新浪微 博在新标签中显示了,毕竟是自己的微博,不做新窗口也没关系了。

好了,折腾了这么久,终于到了检测的时间,在W3C的检查页面上再次点击revalidate,终于到了This document was successfully checked as XHTML 1.1!

哈哈,终于通过W3C了,然后再看看Html Validator,只剩5个警告。一个更专业和标准的kayosite.com就这样诞生了。

贴上通过W3C html验证图

本文由 Kayo Lee 发表,本文链接:https://kayosite.com/pass-w3c-html-verified.html

评论列表

  • 评论者头像
    回复

    嗯哼,和我一样有代码洁癖的人,哈哈

    • 评论者头像
      回复

      嘻嘻,见到“漂亮”的代码,心情特别愉快!

  • 评论者头像
    回复

    = C =我博客主题都一堆错误,自己没能力做手术呀(同样是洁癖之人)。 :cry:

    • 评论者头像
      回复

      @AARONLAM 看着一堆错误,不改了感觉很不舒服!W3C有错误提示,动动手改了舒服多了! :mrgreen:

回复

你正在以游客身份访问网站,请输入你的昵称和 E-mail