如何根据 HTML5 语义命名 div？

Question

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

有这方面的相关文章吗？

Answer 1

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

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

  还是较低级别的标题，都取决于您/您的网站结构。

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

    标记中。

  • 右侧的“Amazon Web Services”和“TYPO3”部分可能会放入
    
    标记中，因为它们与“about”的其余部分没有直接关系”部分。

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