传说中的一年一度的网站裸奔节:CSS裸体日

2009-04-09

naked-day-09-300x92

各位童鞋小盆友,传说中的一年一度的意义盛大的网站裸奔节——CSS裸体日又来临了,今年是第四度了。本博继去年脱去博皮惊艳一裸后,今天再度裸体上阵!

传说中的CSS裸体日是需要除去网站的样式以及广告来展示网站最原始的结构代码的,但因为本博侧边栏的广告如果除去的话怕被广告商惩罚,所以广告就不去了,把样式脱去吧。

CSS实体日的日的是为推动Web标准、提倡简洁为美、使用正确的 (x)html语义标记、良好的层次结构。

各位童鞋小盆友,清凉夏日来了,赶紧一起裸吧。

解读HTML:WEB标准从头开始

2008-12-05

在较早之前的网页上,我们经常可以看到如下的网页结构代码:

<html>

<head>

<title>这是一个网页</title>

<meta name=”…” content=”…” />

……

</head>

<body>

……

</body>

</html>

阅读全文 »

解读HTML:WEB标准的误解

2008-12-02

HTML4 Elements中共计有91个标签,然而在这么多的标签中经常被使用到的标签不到四分之一,在这些常用的标签中有两个标签是属于最通用型的——div、span,这两个结构性的标签因为本身不带呈现样式及语义而被广泛的用于网页制作中,再加上之前很多人直接把WEB标准误解为就是div+css,于是在一个页面里出现了特多的div或者是span标签,尽管这些地方本身有更符合语义的标签来实现。

Table式的页面布局因为其本身的简便以及有Dreamweaver这样的可视化操作的Web制作软件的存在,从而引领了Web制作的一个时代,也正是因此而导致了过多的Web设计人员从来没有真正关注过HTML标签的真正语义,当Web标准开始兴起的时候,于是就直接被理解成是div+css的布局。

于是Web标准中的结构标签几乎变成了div的秀场。

阅读全文 »

解读HTML:大厦的基石

2008-11-24

在许多人看来,HTML应该是WEB制作所有语言中最简单的语言,因为它不需要编译、封闭等,甚至只需要一个记事本就可以让其在浏览器中呈现出来。所以我们也看到很多人都在说HTML很简单超简单之类的话,网上也有很多诸如“花个两三天学习下HTML就可以制作网页”之类的理论。在这些人看来,学HTML就像是学英文字母ABC一般简单。

正是这样的理论这样的思想,导致学习HTML的人都不把它当回事,认为HTML仅仅只是诸如“加粗用<B />标签,斜体用<I />标签”之类的应用。这样的思想尤其是在初学者当中流传,而一旦真正深入的了解学习HTML之后,才会发现HTML远非想像中的那么简单。

而随着WEB标准大潮的席卷互联网,更多的人索性就差不多抛弃HTML众多标签般的只用DIV,似乎DIV+CSS就是WEB标准的核心。这个错误的理论与HTML超简单的理论被绑在了一起,在互联网中传播着。思想改变行动,最终造成了WEB标准在国内互联网推行的困难重重。

真正的WEB标准应该是推崇以更合适的语义标签来制作网页结构,完全不是在整个页面写满DIV就是符合WEB标准。与此相同的道理是,HTML远远不是你所想像中的那么简单。

阅读全文 »

给链接一个添加下划线的理由

2008-10-17

互联网上有着无以计数的海量信息,而这些信息依靠着链接维持着之间的关系,从而避免了一个个独立的信息孤岛,互相关联的才能形成互联网。链接在互联网的交互上有着不可替代的重要性。

之前提到过关于链接的几种提示及打开方式,其中有一个关于链接的提示是:文字带有颜色没有下划线。有时候为了页面的美观,很多设计师会特别的去掉链接文字的下划线,而仅仅只是改变链接文字的颜色。的确,这也算是链接的一种提示方式了,至少让链接文字表现出了与普通文字的不同之处。

可是,在这里设计师们忘记了一个人群——色弱或者色盲者,对于他们而言,仅仅是改变链接文字的颜色是远远不够的,很有可能他们无法辨别出文章中的链接文字与普通文字的颜色区别,所以他们就可能差过了文章中的链接,这样的话,文章作者添加链接时的本意也就无法被这部分读者获知。

设计师们不能以页面美观或者色弱色盲人群数量少为借口,真正基于WEB标准设计的网站应该是能满足几乎所有的访问者的,这些访问者应该包括失明、视弱、色盲等残障人士。设计师们完全没有理由抛弃这部分用户。

阅读全文 »