心弦

我正在阅读《Pro CSS and HTML Design Pattern》一书，下面是对HTML Structure一章的读书笔记。

纵览

这本书中很多概念和通常意义上的不同，下面的图片是我根据这本书HTML Structure部分的内容整理出来的，点击放大：

dl、dt和dd

从结构上说，定义列表中所有的术语都是同义词，所有的定义都是对这些术语的不同解释（"Structurally, a definition list implies all its terms are synonyms and all its definitions are alternate definitions of its terms")。这句话令我百思不得其解：dt标签所包含的术语怎么会是同义词？书里面继续解释道：HTML规范也指出定义列表也可以有更广泛的应用，比如列出演讲者和他们的演讲主题。如果这个例子没有弄错的话，我想作者使用“同义词（synonym）”的初衷，是想表达dt在逻辑上层面的一致性，而非内容上的一致性。

colgroup和col

老实说，这两个标签我从来没用过，恐怕连听说都是第一次。稍微Google了一下，发现了一篇名为“理解表格二：其他表格相关标签及属性”的文章，详细深入的介绍了这两个标签。作者水平很不错，推荐去他的blog看看。

W3C规范中block-level和inline elements的区别

W3C Recommendation中的7.5.3一节简要介绍了block-level和inline elements的区别：

• 内容模型（Content model）

  基本上，block-level elements可以包含inline elements和其它的block-level elements，inline elements只包含数据和其它的inline elements。如此区分是为了突出这样的概念，即block elements比inline elements描绘更大的结构。

• 格式（Formatting）

  默认情况下，block-level elements的格式和inline elements的有所不同。block-level elements通常开启一个新行，而inline elements则不会如此。

• 方向性（Directionality）

  block-level elements和inline elements在继承方向信息时有所不同。这里的方向指的是文字书写方向，比如中文通常是由左向右，或由上向下。

block elements和内容的关系

block elements用来定义结构，它不能和内容在逻辑上并列；同理，内容必须呈现在block elements中。由于HTML的Docuemnt Type Definition语言的局限，HTML校验器一般无法检测出block elements和内容混杂的情况，因此在编写HTML时需小心。