优秀的编程知识分享平台

网站首页 > 技术文章 正文

div && span 标签

nanyue 2024-12-03 17:09:40 技术文章 33 ℃

div和span元素没有特定的语义，都是用来帮助页面排版的块元素。


div&&span标签

div：块级元素，可定义文档中的分区或分节，用来为HTML文档内大块的内容提供结构和背景。通过在页面中放置多个div并定义好位置及大小等属性，可以达到给网页布局的效果。

特点：独占一行。


span：行内元素，主要使用场合是与css一同使用，为部分文本设置样式属性。

特点：可一行多个同时显示。

基本语法格式：

<div> 文本 </div> <span>文本</span>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>doument</title>
  </head>
  <body>
    <div>我是div</div>
    <div>我是div</div>
    <span>我是span</span>
    <span>我是span</span>
    <span>我是span</span>
  </body>
</html>

注意：

  • div会单独占领一行，span不会。
  • div是一个容器级的标签，而span是一个文本级的标签。

容器级的标签和文本级的标签的区别？

容器级的标签可以嵌套其它所有的标签，文本的标签只能嵌套文字/超链接/图片。

Tags：

猜你喜欢

最近发表
标签列表