HTML <span> 标签

HTML <span> 标签

定义和用法：

<span>标签被用来组合文档中的行内元素。

在行内定义一个区域，也就是一行内可以被<span>划分成好几个区域，从而实现某种特定效果。

<span>本身没有任何属性。

在IE6下，span元素浮动时一定要把span元素放在a标签之前，不然，会出现浏览器兼容问题，IE6下，浮动过后的span元素会向下错位一行。

提示和注释：

提示：请使用<span>来组合行内元素，以便通过样式来格式化它们。

注释：span没有固定的格式表现。

当对它应用样式时，它才会产生视觉上的变化。

<span> 与<div>

<span>在CSS定义中属于一个行内元素，而<div>是块级元素，我们可能通俗地理解为<div>为大容器，大容器当然可以放一个小容器了,<span>就是小容器。

DIV与SPAN的区别与特点

1.   div占用的位置是一行，span占用的是内容有多宽就占用多宽的空间距离

2.   <span>在<div>中一般都是用于显示一段文本，<span默认是横排的，而<div>默认是竖排的
     用<span>有时候是为了使页面元素看起来规整，没有什么特别的用处。

span标签和p标签有什么区别

1.    一般标签都有语义,p标签是指一个段落，而且默认是一个块级元素，span是一个行内元素的               代表，没有 什么意思，一般可以放文字等行内元素

2.   <p>标签是一个段落结束的标志，我们知道段落与段落中间会留出一行文字的空白，这样才能显出两       个段落了。

也就是说<p>可以放在段落结束的地方 也表示换行的意思.

3.   <span>标签主要是指一个块，就是说指定的这一块内容是一起的，不可分割，就算换行的时候也不       会出现空白的情况。

如何定义span标签的宽度和高度

因为span属于内联元素，而内联元素是忽略宽度和高度的，明白了这一点解决就很简单了，解决的办法就是利用css将span变为盒装元素即可。

将内联元素定义为盒装元素的方法有两种：
1.直接使用显示属性display将其定义为盒装元素；
 display:block;
2.使用浮动属性float将其自动定义为盒装元素；
float:left;

在css属性里定义以上任意一个属性就可以使span拥有高度和宽度属性。