Question

我正在尝试制作一个HTML5友好模板，因为我发现我的大多数<div>代码都被<section>取代。

通常如果我的原始导航是这样的：

<nav class="container">
    <div class="row navbar">
        <div class="col-xs-3 relative">
            <img src="/images/logo.png" alt="Logo Voyagemotion"/>
        </div>
        <div class="col-xs-9">
            <ul>
                <li><a href="/">Accueil</a>
                <li><a href="/bonplans">Bons plans voyage</a>
                <li><a href="/photos">Photos</a>
                <li><a href="/videos">Vidéos</a>
            </ul>
        </div>
    </div>
</nav>

它会变成：

<nav class="container">
    <section class="row navbar">
        <section class="col-xs-3 relative">
            <img src="/images/logo.png" alt="Logo Voyagemotion"/>
        </section>
        <section class="col-xs-9">
            <ul>
                <li><a href="/">Accueil</a>
                <li><a href="/bonplans">Bons plans voyage</a>
                <li><a href="/photos">Photos</a>
                <li><a href="/videos">Vidéos</a>
            </ul>
        </section>
    </section>
</nav>

这是否误用了这个标签？我不能过度使用它吗？

Answer 1

A div element是一个通常用于样式的通用容器，应该是最后的元素。

div元素根本没有特殊含义。它代表了它孩子。

A section element也是通用的，但用于将相似和相同的内容组合到自己的切片区域。

section元素表示文档的通用部分或应用。在这方面，一节是一个主题分组内容，通常带有标题。

所以，不，一个section元素不是新的div。

你的例子是滥用“section-itis”（新的div-itis）吗？它看起来像它，但它看起来也像你所说的框架或模板一样通用。

如何使用它的问题是它看起来不像是一个合适的部分。没有内容分组，也没有标题。这些是典型的分段内容，但至少不需要标题。

Answer 2

部分通常用于页眉，页脚等。我建议使用div。此外，当某个样式需要某个元素时，建议使用div。

部分是新div吗？

2 个答案: