这篇文章早在 2011 年就发表了，但仍然没有失去其相关性，事实上，我还没有找到关于这个主题的更好、更清晰的内容。由 Kinzyabulatov Ramil 为您翻译。
介绍
我们都知道创建网站的最佳方式 是使用 HTML5。现在我们来讨论一下如何正确使用HTML5。 HTML5 的一个重要部分（并非每个人都理解）是将内容划分为多个部分：部分、文章、旁白和导航。要理解内容分离，我们需要了解文档布局算法。
了解文档的结构可能具有挑战性，但这是值得的。您将不再为使用哪个元素（section 或 div）而烦恼 - 您会立即知道它。而且，你会知道为什么使用这些元素，知道它们的含义是学习算法的最大好处。
关于 SmashingMag 的进一步阅读：
HTML5 标记元素的重要性
从头开始编码 HTML 5 布局
我们为了有意义的语义而进 波兰电子邮件列表 行的毫无意义的竞赛
什么是文档结构化算法？
文档结构算法是一种根据网页标记创建网页简短描述的机制。每个网页都有自己的结构，可以使用我们现在要介绍的非常简单的免费在线工具轻松查看该结构。
让我们从一个示例电路开始。想象一下，您为马匹饲养员创建了一个网站，他需要一个页面来宣传他所销售的马匹。页面结构可能如下所示：
示例 1：如何构建有关待售马匹的页面。
现在您已经看到了：一个漂亮、干净、易于阅读的标题列表，以层次结构显示 - 类似于目录。
更简单地说，标记中只有两件事会影响网页的外观：
标头内容 （h1 到 h6 和 hgroup），
将内容分为几个部分 （部分、文章、旁白和导航）。
显然，内容分区是 HTML5 创建标记的一种新方法。但在此之前，让我们回到 HTML 101 看看应该如何使用标题。