Question

我是Html的新手，正如我在YouTube上观看教程时一样，我一直使用div来与作者接触，也就是说，在标头部分中他想使用h1，p和image。代码：

   <header id="showcase">
<div class="content">
<img src="img/action-america-architecture-378570.jpg" alt="The City">
<div class="heading">
    <h1>Mirasan</h1>
</div>
<div class="text">
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Deserunt sequi placeat rerum maxime eius, impedit molestiae totam! Ipsum ex numquam nobis nisi necessitatibus fugit laudantium natus, vel facilis, nemo quisquam.</p>
</div>
</div>

    </header>

如您所见，首先将h1，p和图像放入div class =“ content”内，然后将h1和p放入各自的div中。我的问题是放h1是否可以。 p和image进入标题，并从标题中删除所有div，例如内容，标题和文本。像这样：

    <header id="showcase">
<img src="img/action-america-architecture-378570.jpg" alt="The City">
    <h1>Mirasan</h1>
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Deserunt sequi placeat rerum maxime eius, impedit molestiae totam! Ipsum ex numquam nobis nisi necessitatibus fugit laudantium natus, vel facilis, nemo quisquam.</p>
    </header>

Answer 1

您可以将divs视为容器（就像p是文本的容器，而h1是标题的容器）。

这些容器（p，h1）是语义的，它们的含义是-一段，一个标题。但是，div是更通用的容器（不是语义的）。

仅当它们不添加任何内容时，它们才是多余的-正如我在我的评论中提到的那样，通常将它们作为分组机制添加（即h1，img和{{1} }是相关的，并由p容器保持在一起）-像这样对它们进行分组，使您可以定义div规则，并将同一规则应用于同一CSS的所有容器

在示例代码中，可以将.class类直接应用于.text标签，例如：

与<p class="text">lorem ipsum... </p>标签相同的概念，例如：

h1

为什么原始作者选择将它们包装在容器中，我们不知道。 <h1 class="heading">Mirasan</h1>仅包含一个元素（div或p），因此作者不对元素进行分组。在这种情况下，它似乎确实是多余的。

是否有可能不一直使用div？

1 个答案: