[翻译]标记语言和样式手册 Chapter 1 清单

Web Standards Solutions The Markup and Style Handbook - Chapter 1 清单

首发三人行(3user.com),如需转载请注明出处和作者,谢谢! ——zhaozy in 3user.com

在 Dave 和 Molly 的<CSS禅意花园>中提到了这本handbook,值得一看.

现在国内web开发中多是为了效果写标签的情况并不是真正提倡的标准化,标准化不是为了通过验证而构建标签的叠加,而是为了html文档更加语义化,更具可用性可读性.

为表现样式编码和为实现正确语义编码差别比较微妙,一份成熟的html,需要经过仔细琢磨,才能达到语义化的地步.语义化的语法可能在浏览器之间的竞争中被层出不穷的私有效果和容错性给淡化了,但是严谨一些总没有错吧.

作者Dan Cederholm是一位屡获殊荣的web设计师及作家,作为SimpleBits Studio(设计开发工作室)的创始人,他在web标准设计和创建领域被公认为专家,他的另一本著作<Bulletproof web design>(无懈可击的web设计)

在去年标准化如火如荼的踏入国内web开发领域时,犹如一盏导航灯,在林林种种的所谓教程中脱颖而出.

这本<Web.Standards.Solutions.The.Markup.and.Style.Handbook>一样是畅销图书,但是却被国内发行商所遗忘的好书,埋在书海里,未免太可惜了...

试着将这本不太厚的资料发布出来吧,时间和能力有限,希望有看到不妥的地方和我联系,大家一起把这本好书发扬光大.

Part 1: Get Down With Markup  从标记语法谈起

Chapter 1 清单

在网络上几乎每个页面都能找到清单. 超链接清单;购物车物品清单;你中意的电影清单...甚至是整个网站的导航清单.可能在某些人看来,清单的建立是随心所欲的,但是我们要去探索发现的正是如何建立清单以及集中几种常用方法的优缺点.稍后,我们会列出几个如何美化普通清单一集他们的优缺点的示例来.

咱们去购物吧

最初,我打算用一个细目清单(洗衣清单)来作为本章的示例,但是很快的,我就意识到,我根本不知道这种清单中应该包括那些细目,所以...看在示例的份上,就用食物来举例吧!

让我们设想,你需要把一个食品清单放到你自己的网站上去,你可能会为为什么要把食物清单放到网站上去而感到不解,厄,这个可能就离题了,我们只是需要一个可以开始为清单思考的理由罢了...

在页面上,假设我们想让清单看起来像......好吧,看起来就像一个清单 — 也就是一长串垂直的列表,里面的每项内容独占一行:

Apples
Spaghetti
Green Beans
Milk

看起来非常简单,不是吗?和页面设计开发的许多方面类似,我们能够通过很多不同的方法达成相同(或者类似)的效果.与这本书后面所有的示例相同的,我将以eXtensilble HyperText Markup Language(XHTML)的观点来展现所有示例 — 并且确认选用的方法都使用正确的标记语法,遵照World Wild Web Consortium (W3C)所制定的各种标准.

我们可以轻松的在每个项目后面加上个<br />标签就搞定了,或者也能使用各种清单项目标签来完成这个工作,现在我们就来看3种完全不同的方法,以及每种方法的特点.