当前位置: 首页 > 知识库问答 >
问题:

html - 为什么用多个div标签?

邬友樵
2024-02-11

前端开发时用多个div标签包围某个元素,就像下面给出的代码,为什么要这样写?只用一个div不行么?我是初学者,一直有这个疑问。

<div class="top-bar py-2 border-bottom">    <div class="container">        <div class="row middle-flex">            <div class="col-xl-7 text-lg-left text-center">                <div class="row">                    <div class="col-xl-3 col-6 header-top_w3layouts">                                <p class="text-da">                                    <span></span>Parma Via, Italy                                </p>                    </div>                    <div class="col-xl-3 col-6 header-top_w3layouts">                            <p class="text-da">                                <span class="fa fa-phone mr-2">a</span>                                </p>                    </div>                <div class="col-xl-6"></div>            </div>        </div>

暂无

共有2个答案

葛雨华
2024-02-11
  1. 有时候写代码的时候考虑不周,会有冗余,很正常。不需要把别人的代码当成完美的,大家都是跑起来就行。
  2. 代码并不是越精简越好,很多时候为了可维护性,要牺牲一些性能。尤其在前端领域,因为用户电脑的计算资源通常来说是富裕的,开发效率和维护效率更重要。
  3. 初学的时候有问题很正常,有时候不用想太多,多写一写,判断力会提升不少,你也会知道哪些地方该思考,哪些地方不用考虑那么多。
白昊乾
2024-02-11

用一个就行。一般来说 dom 越少渲染越快,但是有时候为了一些模块化复用,我们也能接受这种嵌套

你要看他实现了什么功能

只说 row 和 col,分别是定义了一行和每一个元素,col-xl-7 是栅格系统,在 xl 尺寸可以变为 7 宽度。你不可能行和列用一个 div 表示

至于 top-bar py-2 border-bottomcontainer 大概是可以合并的。

 类似资料:
  • 本文向大家介绍你最喜欢html的哪个标签?为什么?相关面试题,主要包含被问及你最喜欢html的哪个标签?为什么?时的应答技巧和注意事项,需要的朋友参考一下 div,因为此标签是用得最多的也是最强大的HTML标签,许多其它标签也是基于此标签而产生的。

  • 我已经将内部的设置为,但主页图标没有居中。 null null 这就是我所看到的:

  • css在中不工作,但使用此css代码。我在css区域和html标记中首先编写,然后编写。为什么? CSS HTML

  • 问题内容: 我只是好奇为什么不赞成使用HTML中的标记。 通过将容器封装在标签中,这是一种快速居中对齐文本和图像块的简单方法,我现在真的找不到任何更简单的方法。 任何人都知道关于如何使“东西”居中(而不是和宽度的东西)的任何简单方法吗?而且,为什么不推荐使用它? 问题答案: 该元素已弃用,因为它定义了其内容的 表示形式 —它未描述其内容。 居中的一种方法是将元素的和属性设置为,然后将父元素的属性设

  • 本文向大家介绍页面布局时你使用最多的标签是什么?div吗?在什么情况下会使用到div?相关面试题,主要包含被问及页面布局时你使用最多的标签是什么?div吗?在什么情况下会使用到div?时的应答技巧和注意事项,需要的朋友参考一下 页面的的整体布局使用 等。 一些细分的布局使用,并指定适当的、和属性。

  • 问题内容: 我想12”3在我的输入标签值中显示 我写这个: 但这是不对的 为什么呢? PS:我必须转移”到",或更改”到’?我不喜欢 问题答案: HTML根本没有像其他语言一样具有转义序列。在HTML属性值中,唯一的特殊字符是,取决于引号”或’。唯一使用这些字符的是字符引用: 一些作者使用字符实体引用“ ;”来编码双引号(”)的实例,因为该字符可用于定界属性值。 或者,您使用单引号,则无需编码双引

  • 问题内容: 为什么要使用HTML5语义标记喜欢,,,和的,而不是简单地用首选呢? 我创建了一个网页并使用了这些标签,但它们与并没有什么区别。他们的主要目的是什么? 是否仅在使用时为标签指定了适当的名称? 请解释。我已经浏览了许多站点,但是找不到这些基础知识。 问题答案: 顾名思义,这仅是出于语义目的。它用于改善文档的自动化处理。自动化处理比您想像的要多得多-搜索引擎对每个网站的排名都来自对所有网站

  • 本文向大家介绍为什么我们在HTML页面中使用head标签?,包括了为什么我们在HTML页面中使用head标签?的使用技巧和注意事项,需要的朋友参考一下 <head>标记是HTML页面中所有head元素的容器。要添加<head>…</ head>标签非常简单。在其下添加文档标题或元信息,样式,脚本等。 请记住,<title>…</ title>标签会添加到<head>…</ head>标签内。 示例