才看了一个网页,关于WEB标准化的思考,http://kb.operachina.com/node/20,“梦想虽然很美,但实际上到底怎么样”,这个话题也很值得web开发者的深思,貌似这个话题早就存在,但是一直一直进展都很缓慢,到底有多少个网站能符合web标准。看看上面那个链接的调查就知道。?

对于测试网站的标准化检测,你可以登录到这里并输入网址对html文档还有css文档进行检验。?

xhtml:http://validator.w3.org/

css:http://jigsaw.w3.org/css-validator/

其实paperen我并不是一个很专业的web设计师,目前我只能体会到css的强大之处并明白了简化hmtl结构的重要处,the less is more,以最少的html结构完成我们想要的布局与效果,paperen我曾经看到过好像是腾讯还是百度招聘一个职位叫高级html开发者,是这样叫吧…忘了,再看看职位描述有一句“尽量用最简洁的html结构完成页面,并且能有很好的重用性”,描述大体上是这样说吧,html对于每个web开发者来说真是很基础的了,哪个web开发者不会html,但是要做到高级这两个字就真的有点困难了。举个例子吧。

如果让你写一个如图这个html布局,你会怎写

201001051262696825

这样?

<table>
<tr><td><a href="#">logo</a></td><td>搜索栏</td></tr>
<tr><td colspan="2">导航栏</td></tr>
</table>

这样?

<div>
<div><a href="#">logo</a></div>
<div>搜索栏</div>
</div>
<div>导航栏</div>

这样?

<div><a href="#">logo</a><div>搜索栏</div></div>
<div>导航栏</div>

这样?

<a href="#">logo</a><div>搜索栏</div>
<div>导航栏</div>

这样?

<a href="#">logo</a><div>搜索栏</div>
<ul>导航栏</ul>

上面的html应该都可以实现,虽然paperen我没试过…但是对于前两种我本人是不推荐的了,用table布局…,paperen我最不希望看到整个页面都是用table布局的了,第二个div太多了,多余的应该去掉,后面三个都可以考虑,不过后面两个有挑战性,paperen我想了想这两个css的编写也不一定能写出来,最简洁的html结构不是一件容易的事情。

至于重用性,你可以想象嘛,如果你的html写得好的话,当更换页面皮肤主题时,根本不需要更改html结构,你只需要去修改css文档,知道这个网站吧,http://www.csszengarden.com/ 用一个html结构就可以变化出很多很多漂亮的页面。

对于xhtml的验证是有难度的,网页中一些元素需要用/>结束,href中的地址不能用类似?id=123&type=1之类的参数,这都只是对于文档的类型Transitional而言,如果是strict的话可能会更加严格,paperen自己的网站就只能通过Transitional的验证而已,strict还没有合格,而对于css文档编写也更是讲究了,class与id的命名确实也是一门学问。

web标准确实是件很好的事情,但是在商业味道特浓的当今网络,有多少人会注意这个,只希望这个信息能存在在web开发者的脑中吧。