网站首页 > 技术文章正文

div && span 标签

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

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

div&&span标签

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

特点：独占一行。

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

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

基本语法格式：

<!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是一个文本级的标签。

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

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

上一篇：每日一个HTML小知识:div和span作用及用法
下一篇：「技术」语义化标签还是div/span

网站首页 > 技术文章 正文

div &amp;&amp; span 标签

猜你喜欢

网站首页 > 技术文章正文

div && span 标签