网站首页 > 知识剖析正文

div && span 标签

nixiaole 2025-01-12 17:36:35 知识剖析 14 ℃

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

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

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

上一篇：一文解读JavaScript中的文档对象(DOM)
下一篇：行内元素和块级元素-html教程

网站首页 > 知识剖析 正文

div &amp;&amp; span 标签

猜你喜欢

网站首页 > 知识剖析正文

div && span 标签