带有标题和文本的 html5 大纲

Question

我尝试应用新的 html5 元素。如果页面非常简单，只有一个 h1 和一个文本，我不确定从语义的角度来看最好的方法是什么，如何正确反射(reflect)页面的结构。

1. 例如，如果文本是公司的理念(或关于页面或团队...)，我想使用文章是不正确的，可以吗？ (因为这不是为了独立分发或可重用，例如联合)在这种情况下，它应该只是一个 div 吗？

2. 用一个部分包裹 h1 和 div 有意义吗？如果页面中只有一个部分，这似乎不是很有用。

那么，仅用标题和文本勾勒页面轮廓的最正确方法是什么？

<h1> Title </h1>

<div id="content">
    <p> text, text, text... </p>
</div>

Answer 1

我会完全放弃 div 并仅在需要时使用它们。这将给出简单标题和段落的语义最正确的表示。

<h1>Title</h1>

<p>Some text...</p>

我会从最简单的 HTML 语义着手，然后研究每个 HTML5 布局元素并考虑如何将其应用于您的页面。不要试图将所有内容都放在新的 HTML5 元素中。导航栏、文章、旁白、引用等某些内容很容易被发现并添加一些语义糖。

如果您正在构建可以利用布局或母版页的动态页面，那么您可以将主要布局放在母版页中(页眉、页脚、导航等)，这可以让您的页面变得非常简单。

您可以将 div 用于多列布局，或者查看由 Bootstrap 等前端框架提供的动态网格之一。或 Foundation .