社区首页 >问答首页 >为什么我们要在div中使用div？问为什么我们要在div中使用div？ENStack Overflow用户提问于 2020-04-19 02:17:47回答 3查看 253关注 0票数 0我很难理解为什么我们在div中使用这么多div。例如，为什么我们要一个接一个地使用三个连续的div(先是div id="showcase"，然后是div class="container"，然后是div class="showcase-content")我在很多人的代码中都看到过这种情况，那么这样做的好处是什么？在下面的示例中只使用一个div不是更有意义吗？以下HTML摘自Udemy在线课程：

代码语言：javascript复制

html关注问题分享ENStack Overflow用户发布于 2020-04-19 03:16:29

HTML标签对两个部分都很重要。

首先，HTML是一种标记语言，它使用标签构造信息以赋予其语义含义。div本身没有语义含义，因此使用嵌套的div不会增加太多内容，特别是当div的唯一子元素是另一个div时。所以从超文本标记语言的角度来看，这些div是没有意义的。如果可能的话，它们应该被更有意义的元素所取代，比如section、article、…或者使用ARIA属性赋予它们语义含义。

另一部分是当你想要在浏览器中呈现HTML时，这里每个标签的样式都可以应用。如果这些嵌套的div是必需的，那么在不知道元素的样式的情况下很难判断。在样式化的情况下，如果具有语义含义的元素不足以实现所需的样式，则可以添加像div或span这样的元素。

如果使用像bootstrap或foundation这样的组件库，那么关于嵌套结构就没有太多的选择，因为这是由这些库提供的。但这并不意味着不能用section之类的东西替换div元素，因为这些库通常只通过类名和属性来定义嵌套方式。

收藏分享票数 0EN查看全部 3 条回答页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持原文链接：https://stackoverflow.com/questions/61294038

复制相关文章