div标记内的HTML div标记的用途是什么?

时间:2018-08-26 19:52:36

标签: html tags

我是HTML的新手,我正在努力了解何时以及具体为什么我们在div中使用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的代码。也许这个问题很愚蠢,但我不知道我们为什么这样做。如果有人可以帮助我,我将不胜感激。

1 个答案:

答案 0 :(得分:0)

使用不同的div标签将元素组合在一起,如果它们都将共享一种样式或需要相对于它们所在的div进行定位。例如,您的网页标题栏可能有一个div但在其中又有一个div,这样您就可以调整标题的导航部分而不是整个标题。