html语义化,是现在谈论得比较多的话题。那何谓html语义化,简单的说吧,就是要有良好的html结构,在剥离css后,依然能读懂一个页面的结构,能分清哪些是标题,哪些是内容。切忌不要用css让一个标签去表现另一个标签。

而在语义化的过程中,重点和难点在于h(x)标签,h(x)的语义是标题,一个语义良好的页面,h标签应该是完整有序没有断层的。也就是说,要h1,h2,h3,h4这样推下来,不要h1,h3,h4,漏掉h2。一个结构良好的网页,h标签可以组织起一个网页的大纲。

Web内容可访问性指南(WCAG)里提到了这方面的内容:

[I]n HTML, H2 elements should follow H1 elements, H3 elements should follow H2 elements, etc. Content developers should not “skip” levels (e.g., H1 directly to H3).

对于h1标签,一般一个网页只有一个,而h2–h6,一个网页可以有多个。就像一篇文章,只有一个标题,但可以有很多子标题或副标题。

阅读全文——共1496字

几乎99%的web前端开发人员都是用firebug来调试JavaScript程序,如果你没听过firebug,那赶紧google下吧。

我喜欢用console.log() 来输出调试信息到firebug的控制台。这肯定是比用alert()来弹出调试信息好用得多。

下面这个例子演示的是如何在html里使用console.log() 这个方法:

<html>

阅读全文——共1315字

FireUnit

介绍:这个是John Resig另起炉灶做的,在他的博客John Resig – FireUnit: JavaScript Unit Testing Extension,发布了他与Jan Odvarko合作开发的基于Firebug的扩展FireUnit。

简单说来,FireUnit给Firebug增加了一个标签面板,并提供了一些简单的JavaScript API来记录和查看测试。参考:http://shawphy.com/2008/12/fireunit.html

评价:FireUnit在易用性上表现非常出众,非常适合基于Firebug做调试环境的前端工程师。

阅读全文——共840字

《时代》每年都会评选当年度的最佳的50网站,前两天也评选出了本年度的最佳的50个网站。

这次评选出的最佳网站分为十个大类,分别为:分10大类别,分别为音乐视频、体育、家庭亲子、新闻资讯、金融、购物旅行、健康健身、社会化媒体、游戏和教育。简要添加了各个网站的介绍。

音乐视频(Music & Video)

Vimeo:视频分享网站,很喜欢其网站风格。

阅读全文——共2101字

Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。

Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。

其中内容部分一共十条建议:

一、内容部分

1.尽量减少HTTP请求

阅读全文——共505字