使用<div>作为父元素

Question

我最近一直在关注html和css的教程。在很多这些教程中，我看到人们使用标签，例如DependencyPropertyDescriptor，<nav>等......就像这样。

<footer>

然而，做同样的事情并不是更好的做法吗？

<someTag class = "someClass">
    <div class = "anotherClass">
        <whatever>

        </whatever>
    </div>
</someTag>

我的问题是为什么人们会在这种情况下使用div？

Answer 1

div元素是一个通用容器，当没有其他更多语义元素（例如section，nav，header等）时，应该使用它。通常它被用作样式的钩子。

https://developers.whatwg.org/grouping-content.html#the-div-element

  

div元素根本没有特殊含义。它代表了它   儿童。它可以与class，lang和title属性一起使用   标记一组连续元素共有的语义。

     

强烈建议作者将div元素视为元素   最后的手段，因为没有其他元素是合适的。使用更多   适当的元素而不是div元素导致更好   读者的可访问性和作者的易维护性。

Answer 2

HTML标准定义了一组允许的元素，包括NAV，FOOTER，DIV等。

不允许使用任意自定义元素。您可以在技术上使用它们，但是这样的HTML文档将被正式无效并且可能无法面向未来，因为将来可能会将自定义元素添加到标准中。

DIV是一个没有语义含义的常见容器，通常只用于将其他元素分组以应用样式。

是否将样式直接应用于DIV或其包含的元素，取决于具体情况。如果需要定义黄金法则，它可能是这样的：

  

DIV应包含至少一个标记为a的后代级别   语义（即不是DIV或SPAN）元素。

     

如果DIV只包含内联元素或纯文本，   这通常表示标记错误。