HTML中级教程 - 1.关于“Span”和“Div”的使用

我们在前面提过HTML是关于应用内容的含义，但是只是大部分的HTML标签应用含义(比如说“p”表示段落，“h1”表示头部),这个span和div的标签应用没有任何的含义。

这可能听起来不是很明白，但是使用与CSS的整合还是非常的常见的。常常我们会和“class”与“id”特性来进行整合来关联元素使用class或者id选择器。

span和div的区别就是span元素是一个同轴的和常常使用一个短块的HTML在同一行(常见于段落中)但是div元素是一个块状的(相当于前后都有一个换行符)用来包组一大片的代码。

div和span并不是使用频繁的元素。如示例的元素，

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

如果你想要强调这个单词“crazy”和class“paper”来进行视觉的强调 代码可以写成如下形式。

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

当然你需要先尽心 CSS的学习来认识class和id，但是请记住-span和div是没有含义的标签。