Question

让我们谈谈section元素。我仍然很困惑何时使用它，似乎没有人可以确定何时正确使用它？

我被告知，我已经读过它不应该用作内容的通用包装器。所以我仍然在为此目的使用div，我很少使用部分，只有文章。但后来我遇到http://dev.opera.com/，正在以这种方式使用它？那么他们用错了吗？但这正是我想要使用它的方式......将页面划分为内容所在的“主要”部分。

以下是我要如何布置网页的示例：

<html>
<head>

</head>

<body>

<header>

</header>

<section id="main">
    generic content
</section>

<footer>

</footer>

</body>
</html>

Answer 1

“section”标签用于对一般内容进行分组，可以与通用标题（h1，h2或其他）一起使用。使用“section”标签有一些规则，这些是最重要的：

不要将它用于模板结构 - 使用其他标签（页眉，页脚，div）
如果您可以使用“article”标签，请不要使用它 - 这样您的文章就可以在其他网站上使用
您可以在“文章”中使用“部分”，当然也可以在“部分”中使用“文章”。

通常，您可以使用它来通过对相关内容进行分组来构建页面：例如，在博客中，您可以定义两个部分，一个用于最后一个条目，另一个用于最旧条目。您还可以在“部分”中添加“部分”：您可以根据需要包含任意数量的部分（通用内容）。

<section>
    <h1>Last post</h1>
    <article>
        [My post...]
        <section>
            [Comments...]
        </section>
    </article>
</section>

<section>
    <h2>Oldest post</h2>
    <article>
        [First post...]
    </article>
    <article>
        [Second post...]
    </article>
    <article>
        [Third post...]
    </article>
</section>

阅读你的代码我认为你可以用这个改进你的结构：

<html>
    <head>
    </head>

    <body>
        <header>
        </header>

        <div id="main">
            <section>
                Generic content
            </section>
        </div>

        <footer>
        </footer>

    </body>
</html>

html5部分作为通用包装器

1 个答案: