专注于互联网分析、用户体验、网页设计
标签类目:WEB标准

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

naked-day-09-300x92

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

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

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

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

解读HTML:WEB标准从头开始

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

<html>

<head>

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

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

……

</head>

<body>

……

</body>

</html>

继续阅读 »

解读HTML:WEB标准的误解

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

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

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

继续阅读 »

解读HTML:大厦的基石

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

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

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

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

继续阅读 »

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

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

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

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

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

继续阅读 »

浏览器之战国时期

做为互联网的入口之一,以及电脑中必不可少的软件之一,浏览器正成为一块人人都想独吞的蛋糕,谁能霸占了这个桌面与互联网联系最紧密的软件,自然就可以笑傲互联网江湖,但事实未能如愿,有市场就会有竞争,所以微软做不到,Mozille也做不到,Apple更不可能做到,浏览器市场一直在混战中……

如果不是当初依靠在Windows系统中捆绑Internet Explorer,也许Internet Explorer会像现在的Mozilla Firefox一样在努力缩小与市场占有量第一的巨大差距,也许已经被宣告死亡的Netscape会像今日的Internet Explorer一样占领着过半的市场份额……

然而,这仅仅只是也许。

Firefox 3的推出让Firefox的拥护者们以为看到了胜利前的曙光,IE8 Beta2版的推出又彻底粉碎了这个希望,Apple Safair正努力改变自己一贯的高傲姿态向Windows用户抛出媚眼,Opera也不甘寂寞的时不时的跳出来搅和一下,与Apple Safair采用相同Webkit内核的Google Chrome高举着开源的旗帜也加入战局……

2008的浏览器市场之争,由于各路巨头的激烈竞争而变得犹其热闹,战国时期已经来到。

很显然,Internet Explorer在浏览器市场上所占的份额在可预期之内依然是不可动摇的。即使Firefox 3的上百项改进足以帮助其增加一部分市场份额,但这仍只是极其微弱的一小部分,而且Firefox不但要拼尽全力的追赶领头羊Internet Explorer,还要顾及其身后不甘寂寞的Opera。而Apple Safair由于其一贯的高姿态,以及对Windows用户的亲和做得不够,短期内很能在Windows领域有所做为。

继续阅读 »

返回顶部