html标签div和span

最新推荐文章于 2024-10-09 01:11:08 发布

原创最新推荐文章于 2024-10-09 01:11:08 发布 · 880 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #框架

前端基础语言从学习专栏收录该内容

27 篇文章

订阅专栏

本文详细介绍了HTML中的div和span标签的区别与应用。div作为容器级标签，常用于搭建网页框架；而span作为文本级标签，则用于修改局部信息属性。文章通过实例说明了这两种标签如何嵌套使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

div和span标签

<!--
    1,div:一般用于配合css完成网页的框架搭建
    2,span:一般用于配合css修改一些局部信息属性
    3,div和span的区别:
    (1),div会单独占一行,span不会单独占一个行
    (2),div是一个容器级别的标签,span是一个文本级别的标签(重要)
    4,容器级标签和文本级的标签区别
    (1),容器级的标签可以嵌套其他所有的标签
    (2),文本级的标签只能嵌套文字、图片、超链接
    容器级标签:div h ul ol dl li ...
    文本级标签:span p buis strong em ins del ...

    注意点:
    哪些是容器级的,哪些是文本级的不用刻意记忆,企业开发中一般嵌套在div中的
-->
<div>我是div</div>
<div>我是div</div>
<span>我是span</span>
<span>我是span</span>

<div>
    <ul>
        <li>
            <img src="images/image.png" alt="">
        </li>
    </ul>
</div>码片