带有标题和文本的html5大纲

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

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

在h1和div中加一个部分有意义吗？如果页面中只有一个部分，那么它似乎不是很有用

那么，用什么最正确的方式来概括一个只有标题和文本的页面呢

<h1> Title </h1>

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

标题
文本，文本，文本

我会完全删除

div

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

标题
一些文字

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

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

---

您可以使用

div

s进行多列布局，或者可以查看由诸如或之类的前端框架提供的动态网格。

我认为您不需要任何HTML5元素，但仅仅因为问题向我提出，最适合您的情况的元素是：

<details open="open">
  <summary>Title</summary>
  <p>Text text text text text text text</p>
</details>

标题
文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本

A

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

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


标题
文本，文本，文本


div
没有语义上的原因。但如果你需要它，就留着吧

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

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