5

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

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

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

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

<h1> Title </h1>

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

3 回答 3

3

我会div完全放弃，只在需要时使用它们。这将为简单的标题和段落提供最语义正确的表示。

<h1>Title</h1>

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

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

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

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

于 2013-06-12T08:41:05.590 回答
1

Asection是一个通用部分，在您的示例中明确您的标题属于该段落是绝对有用的：

<section>
  <h1> Title </h1>
  <p> text, text, text... </p>
</section>

没有语义上的原因div。但是，如果您需要它，请保留它。

您也可以使用article元素而不是section此处。正如您所说，它应该是“可重复使用的”。如果您采用公司的理念，您可能希望在某个地方（社交网络或其他东西）重用它。我认为这符合文章的定义。但是，这个问题始终是一个解释问题。

于 2013-06-12T09:00:15.550 回答
1

我认为您不需要任何 HTML5 元素，而只是因为问题向我询问了它们，最适合您的情况的元素是：

<details open="open">
  <summary>Title</summary>
  <p>Text text text text text text text</p>
</details>
于 2013-06-12T08:42:56.867 回答