The section tag（section的标签）html5的知识！

section元素是一个新元素,它是最难学会正确的使用。它是更一般的比<article>元素,但是你仍然需要有一个实际的部分在你的文档中,当您使用<节>元素。

这就是说,你应该考虑是否可能更适合使用<nav>,<aside>,<header>,<footer>,<article>元素实际上之前使用<section>元素。(这些要素可能是新的,有章讨论他们所有的)。

让我们看看如何使用<section>元素：

</header>
<section>
        <h2>The Two Types of Wheat</h2>
        <p>There are two …</p>
</section>

<section>
        <h2>All-Purpose Flour</h2>
        <p>All-purpose … </p>
</section>
...
<footer>...</footer>
</article>

正如您可以看到的,这增加了几行标记你的文档和一些喜欢尽可能少的标记。幸运的是,您不需要使用部分元素在文章中,但它通常创建一个更正确的文档大纲。

随着部分元素将你的内容分成几部分,重要的是要记住,所有的部分元素必须遵循一个标题标签——如果这是没有意义的语义,那么你不应该使用section元素(考虑使用的另一个新的语义HTML5元素或也许没有元素?)。

有些人可能会屈服于诱惑的使用部分标签作为一个样式钩比如pullquotes,但抵制它。有更合适的元素用于这个目的相反的部分元素,例如一边元素。

你已经学会了:

<section>是不应该被用作样式钩

如果你需要一个样式钩,使用一个<div>

<section>元素应该永远是你最后的选择,确保没有其他元素,更相关

做使用它来划分一个冗长的条款和条件页面编号的部分吗

使用<部分>元素来组织内容,如文章的集合在一个新闻网站

不要使用<section>报价和侧边栏,使用<aside>元素相反

如果你的<section>没有直接后跟一个标题元素(<h1>到<h6>),那么<section>元素不是你需要的

您可以嵌套在文章和文章里面部分章节

<section>元素是一个块级元素

转载于:https://www.cnblogs.com/lingjunjies/p/liemdss.html