Question

在WHATWG HTML specification中，它说div元素，我们必须努力不使用div元素。

它说：

强烈建议作者将div元素视为最后的元素，因为没有其他元素是合适的。使用更合适的元素而不是div元素可以为读者提供更好的可访问性，并使作者更易于维护。

那么我们应该使用什么而不是div？

Answer 1

对文档结构使用有意义。如果您要撰写文章，请使用article元素。在文档中定义段？考虑section标记。需要标记文档的标题？使用header元素。

<article>
    <header>
        <h1>Foo Title Here</h1>
    </header>
    <p>Article content can go here.</p>
    <p>Note how meaningful this document structure is.</p>
    <footer>
        <!-- Links, etc. -->
    </footer>
</article>

考虑一下，每个文档都以语义上有意义的标签开头：我们用<html>标签包装我们的HTML文档。在内部，我们定义了<head>和<body>。在头脑中，我们提供了<title>，可能还有几个<script>，并将一些样式表与<link>或<style>相关联。

由于每个人都遵循这些规则，因此很难理解为什么他们会放弃这种一致性，并倾向于使用模糊和半无意义的标签，如<div>来定义文档的关键部分。

对比由模糊和无意义的标签组成的文件：

<div>
    <div>
        <div>Foo Title Here</div>
    </div>
    <div>Article content can go here.</div>
    <div>Note how meaningful this document structure is.</div>
    <div>
        <!-- Links, etc. -->
    </div>
</div>

很无意义，对吧？始终使用正确的工具。

Answer 2

阅读引用规范的下一行，它们提供了一些示例：

例如，博客文章将使用文章，章节进行标记使用部分，使用导航的页面导航辅助工具和一组表单使用fieldset控件。

因此，如果可能，您应该使用比div元素具有更多语义含义的元素。

用什么而不是div？

2 个答案: