我是网络布局的新手，如果我的问题看起来很业余，请原谅我。我正在尝试设计一个由文本框组成的登录页面，其中将包含指向网站上其他页面的链接。粗略的设计在这里：
http://silvercoastlife.com/wptest/landing-page-tester/
到目前为止，我一直在使用 div 来定义页面上的元素，但现在我看到了 _文章_，想知道我是否应该使用它，特别是出于 SEO 目的，我希望每个框都有单独的 h1 标题。
预先感谢您提供的任何建议。
原文由 Connal Vickers 发布，翻译遵循 CC BY-SA 4.0 许可协议
在 HTML4 中，文章通常包含在 <div> 中，小节仅由 <h1> - <h6> 元素建议。在 HTML5 中，文章应该被包裹在 <article> 中，而 <article> 的小节应该通过将它们包裹在 <section> 元素中来明确指示，也许是有序的列表元素，29-如果你想要章节编号。
极客观点
项目管理
HarmonyOS
<article>
<h1>Title</h1>
<section>
<h2>Section title</h2>
<p>Content</p>
</section>
<section>
<h2>Section title</h2>
<p>Content</p>
</section>
<section>
<h2>Section title</h2>
<p>Content</p>
</section>
</article>
有关更多信息，您可以使用此 参考。
原文由 Suvro 发布，翻译遵循 CC BY-SA 3.0 许可协议
3 回答1.3k 阅读✓ 已解决
4 回答1.4k 阅读✓ 已解决
2 回答981 阅读✓ 已解决
2 回答1.6k 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
2 回答946 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
HTML5 正是为您想要的东西而制作的，我的朋友，新的 HTML5 元素当然可以用于 SEO 目的，因为它们可以定义您网站的很多部分。
这是 HTML5 标签的列表
HTML5 标签可以以非常灵活的方式使用，只要它们 _服务于正确的目的_。
例如
<header>标签。它可以用作您网站的标题，但也可以用作文章的标题。它是多用途的，但仍然定义它是什么。
我很确定，如果您在
<header>标签中有一个<article>标签，那么智能搜索引擎将知道<article>和一个网站<header>例如。此外 - 网站中的每个基本定义都有标签（如上面的列表所示）
我会在这里列出一些更有用的
<header><footer><aside><nav><section><main>这些只是一些例子，它们都服务于语义不同的目的，比如
<main>标签，它应该代表网站的主要内容，或者如 MDN 所说：上面列表中的每个链接都指向指定 HTML 元素的 MDN 页面，如果您想确切了解应该如何使用它们，可以阅读每个元素的语义。
此外
<div>标签只是一个方便的标签，当事情开始变得模糊或者你只需要一个只用于定位目的的容器时，使用<div>并没有 错 或 不好----任何地方的标签 - 出于 SEO 目的，最好使用适合您网站实际内容的标签。一个小的旁注是，使用这些新的 HTML5 标签可能会导致与旧浏览器不兼容，但到目前为止每个人都很好地赶上了。所以一般来说这应该不是问题，除非你需要支持旧的浏览器。