关于 Div 和 Span

在 Web 开发中，<div> 和 <span> 是两个常见的 HTML 元素，它们通常被用来添加样式或对 HTML 进行结构化布局。

<div>

<div> 元素通常用于创建一个代码块或容器，常常用于布局。通过使用不同的类名或 ID，可以选择性地添加样式或控制元素的位置。

例如：

<div class="container">
  <h1>Hello, world!</h1>
</div>

这将创建一个具有容器 class 的带有标题的块级元素。您可以在 CSS 中定义 .container 类来控制元素的样式，或使用 JavaScript 控制它的行为。

<span>

与 <div> 不同，<span> 表示一小段文本，通常内联使用。同样，<span> 元素通过使用不同的类名或 ID 进行样式控制。

例如：

<p>这是一段文本，其中
  <span class="highlight">重要的信息</span> 在这里。
</p>

在这个例子中，.highlight class 可以被用于添加样式到 <span> 元素，使它突出显示。

总结

<div> 和 <span> 是常用的 HTML 元素，它们通常用于布局和样式控制。<div> 用于块级元素，而 <span> 则表示一小段内联文本。使用类名和 ID 可以选择性地控制它们的外观和行为。