在div标签内的HTML div标签，它的用途是什么？

Question

我刚接触超文本标记语言，我正在努力理解什么时候以及为什么我们在div.For示例中使用div：

 <section id="home-bg-parallax" class="h-100 overflow-hidden p-0 w-100">
 <!-- BG Parallax -->
 <div class="bg-parallax bg-overlay-black-8"></div>

 <div class="h-100 left-0 position-absolute top-0 w-100">
 <div class="container h-100">
 <div class="row align-items-center h-100">
 <div class="col-lg-9 col-xl-9">
 <span class="font-alt font-w-600 opacity-9-5 letter-spacing-2 text-large 
 text-uppercase text-white">Welcome To Traversy Media</span>

 <h2 class="font-alt font-w-700 letter-spacing-2 m-0 mt-3 text-uppercase 
 text-white title-xs-extra-large title-sm-extra-large-3 title-extra-large- 
 4">
 Web Development Tutorials & Courses
 </h2>



<span class="bg-base-color d-block mt-4 sep-line-extra-thick-long"></span>
</div>
<!-- //.col-lg-9 -->
</div>
<!-- //.row -->
</div>
<!-- //.container -->
</div>
<!-- //.h-100 -->
</section>

这是来自TraversyMedia.com.Maybe的代码这个问题很愚蠢，但我不明白为什么我们要做this.If有人可以帮助我，我将不胜感激。

Answer 1

不同div标签的用途是，如果元素都共享一种样式，或者需要相对于它们所在的div进行定位，则可以将元素分组在一起。例如，您可能有一个div的标题栏你的网页，但有另一个div内，以便您可以只调整导航部分的标题，而不是整个标题。