CSS裸奔日

css-naked-day-2009-logo_3

今天是CSS裸奔日,在这一天,全世界许多网站会同时褪下华丽的CSS衣裳,露出各自本来的原始的面目。

在我看来,CSS裸奔日是对Web标准的真正理解的一种体现。

按照Web标准的说法,网页应该由三个部分组成:

  • 结构(HTML)
  • 表现(CSS)
  • 行为(JavaScript)

我曾翻译过一篇文章《Web中的三层》,其中的三层也就是这三个部分。

那么怎么样才算是“符合Web标准”,依我看来,至少要具备下列三个条件:

  • 使用标准的语法
  • 清晰的分离上述三个部分,不相互混杂
  • 无论去掉表现层还是行为层,都不会影响结构的正常浏览

前两条其实很容易做到,但我并不认为做到了前两条就意味着符合了Web标准。

第三条才是真正重要的规则。如果在去掉了表现层之后,会对网页的正常浏览造成障碍,那么一切就都毫无意义了。这种情况通常会发生在那些喜欢使用CSS绝对定位或喜欢使用JavaScript来控制显示内容的网页中。

于是我也凑热闹参加了一下,当然我并不是想要炫耀一下我是多么的“标准”,正好相反,事实上它并不标准,所以很适合作为反例。

如果你恰巧在今天造访了我的非技术blog,请不要惊慌,也不要害羞,它只是在裸奔而已:

css-naked-day-2009-1_2

下面是穿好衣服的状态:

css-naked-day-2009-2_2

如果只看裸奔时的页面,你也许会以为我的非技术blog叫做“龟的洁癖”,这很尴尬,其实那只是一篇日志的标题。通过和穿好衣服的页面进行对比,就会发现裸奔时Logo不见了,这的确是我在设计该主题时的一处考虑不周。

这也是本文想要表达的思想,虽然我的非技术blog在去掉CSS之后几乎不影响正常浏览,日志的标题、信息、内容都以正确的顺序展示,但是它的Logo却不见了,因为它是完全定义在CSS中的,而且没有采用比较通用的用文字替代的方式,至少这会对浏览者造成一定的困扰。

这就是为什么我说,只是使用标准语法并分离了结构、表现与行为是不够的。

这就是为什么我说,CSS裸奔日是对Web标准的真正理解的一种体现。

发表评论

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