Span 和 Div

HTML 的全部意义在于为内容应用语义。虽然大多数 HTML 标签都应用语义（p 表示段落，h1 表示标题等），但 span 和 div 标签完全不应用语义。这听起来可能像泡沫锤一样没用，但实际上它们与 CSS 结合使用得相当广泛。

它们用于将一段 HTML 代码分组，并将某些信息附加到该代码块上，最常见的是使用 class 和 id 属性来将元素与类或 ID CSS 选择器关联起来。

span 和 div 之间的区别在于，span 元素是内联的，通常用于行内的一小段 HTML（例如在段落内），而 div（division，分割）元素是块状的（基本上等同于在其前后都加上换行符），用于对较大的代码块进行分组。


<div id="scissors">
    <p>This is <span class="paper">crazy</span></p>
</div>

实际上，不应该经常使用 div，尤其是 span。每当有一个合适的替代方案时，就应该使用它。例如，如果你想强调单词“crazy”，并且类“paper”正在添加斜体以获得视觉强调，那么为了更丰富、更有意义的内容，代码可能看起来像这样：


<div id="scissors">
    <p>This is <em class="paper">crazy</em></p>
</div>

如果你还不了解类（classes）和 ID（IDs）是什么，别担心，它们都在CSS 中级教程中得到了解释。你只需要记住 span 和 div 是“无语义”的标签。