Question

我正在学习HTML 5 - 非常顺利。

我的问题是我有一个主页，标题，菜单以及这3个内容块下方，均匀分布。它们每个都包含各种副本，带有标题文本。例如，

第1栏

关于我们绝杀益气......

我们的优势绝杀益气......

第2栏

我们的产品绝杀益气......

第3栏

联络表格

Twitter Feed

联系我们绝杀益气......

最佳标记是什么？通常我会在div中的每一列。这会是最好的吗？

<div id="column1">
     <section>
     <h2>About Us</h2>
    <p>Lore Ipsum...</p>
     </section>
     <section>
     <h2>Our Advantage</h2>
     <p>Lore Ipsum...</p>
     </section>
</div>

<div id="column2">
     <section>
     <h2>Our Products</h2>
     <p>Lore Ipsum..</p>
     </section>
</div>

<div id="column3">
     <form...
     <div id="twitter">
          <script...>
     </div>
     <section>
     <h2>Contact Us</h2>
     <p>Lore Ipsum...</p>
     </section>
</div>

Answer 1

我说你发布的代码很好，虽然我亲自使用<header><h1></h1></header>而不是<h2></h2>，因为这种情况下的标题是节标题（这是可选的）。< / p>

有关章节标题的更多信息，请访问：

Answer 2

考虑使用<article>元素而不是<section>元素，至少使用“关于我们”和“我们的优势”。这些几乎肯定是可以联合的内容单元，因此<article>更合适。可能也适用于其他部分，但这实际上取决于lorem ipsum文本所说的内容。

否则，你得到的是好的。 <h2>对于你的标题是好的，如果这是你想要使用的。 <h1>和<header>都没有给你任何额外的东西。

Answer 3

我会像你一样做。只要每个div中的部分没有很强的相关性。在这种情况下，我会将div更改为包含子节的节。 Div在HTML5中仍然有效，但更多是一般的块级容器。

Answer 4

div的目的是什么？从我能说的来看，它没有任何作用。除了'column3'之外，所有的section元素都可以设置为样式。

HTML5 - 部分还是Div？

4 个答案: