css - 语义标记与一致的排版

Question

我无法让我的语义标记与保持恒定垂直节奏的流畅排版一起工作。

就页面的语义而言，您应该根据含义 h1、h2、h3、h4 等在层次结构中对页面进行排序。一个很好的例子是 http://zeldman.com。 .

但我发现如果您想使用一致的排版，这很难维护。当继承在您的样式表中发挥作用时，您最终不得不重复排版规则并进行复杂的数学运算。所以另一种方法是不用担心标题标签的顺序，只需选择它们作为字体大小。你可以在这里看到这种方法:http://fluidbaselinegrid.com/或在 Eric Meyer 的网站上 http://meyerweb.com/ . Eric 的网站完全跳过了 h2 标签。

那么哪种方法最好呢？有没有办法同时完成我所缺少的两者？

Answer 1

语义和风格是正交的。 HTML 标签，如 <h1>用于语义目的。 CSS 用于样式和排版。

您可以独立于语义标记更改文档的外观。

看看 CSS Zen Garden如果您有兴趣，请了解在正确使用 CSS 时，一个特定的 html 文档可以完成什么。