如何根据HTML5语义命名div？

Question

我有这个[已删除]，我将使用 HTML5 和 CSS3 将其转换为 html。 内容区域中有所有这些段落，如何命名它们更好，我在哪里使用除了，你会怎么做？该照片实际上是一个幻灯片，其中包含来自 Flickr 的照片，使用 jQuery 从 JSON 提要中取出。

有相关文章吗？

Answer 1

好吧，根据您的布局，我想说的是尽可能多地使用 HTML5 原生语义元素：

• 您的“徽标”文本绝对应该是标题。无论是

  <h1>

  还是较低级别的标题，都取决于您/您的网站结构。
• 幻灯片可能应该单独放在

  <div>

  中 - 没有真正适合它的 HTML 元素，并且尝试拉伸某些内容以使其超出其应有的数量对于语义来说是不好的。
• 最后，看看主要部分，其中有一些可以细分的内容：
  • “关于”文本绝对应该是另一个标题，其数量低于“徽标”文本。
  • “我们为功能而设计......”可能会封装在

    <blockquote>

    标签中。
  • 右侧的“Amazon Web Services”和“TYPO3”部分可能会放入

    <aside>

    标签中，因为它们与“关于”部分的其余部分没有直接关系。

一般来说，最好的选择就是跟随你的直觉，如果你仍然感到困惑，请快速检查完整的 HTML 元素列表，看看 HTML 的许多标签是否正确描述了你的内容。