div 和 span标签

在HTML中，<div> 和 <span> 都是用于组合其他HTML元素的容器标签，它们本身没有任何特殊的格式化效果，用途在于通过CSS来控制样式或通过JavaScript来添加行为。

  • <div>

    • 是一个块级元素。
    • 默认情况下，每个 div 都会从新的行开始，并且其后的元素也会从新行开始。
    • 通常用于组合文档中的区块，比如头部、脚注或者章节等。
    • 例子：
      1
      2
      3
      <div class="container">
        <!-- 内容 -->
      </div>

  • <span>

    • 是一个内联元素。
    • 不会强制换行，它会让内容与其他内联元素在同一行显示。
    • 通常用于组合文档中的行内文本，如高亮某些文字或为特定文本添加样式。
    • 例子：
      1
      <p><span class="highlight">这段文字</span>会被高亮。</p>

总结：

  • <div> 适用于较大的结构块，如布局分区。
  • <span> 适用于小范围的内容修饰，如文本内的样式变化。