HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。但实际上，与CSS结合起来后，它们被用得十分广泛。
　　它们被用来组合一大块的HTML代码并赋予一定的信息，大部分用类属性class和标识属性id与元素联系起来，见CSS中级指南的类和id选择符。
　　span和div的不同之处在于span是内联的，用在一小块的内联HTML中，而div（想想division是什么意思）元素是块级的（简单地说，它等同于其前后有断行），用于组合一大块的代码。
<div>标记的定义（定义的逻辑划分，在您的网页 ）。它的作用很多像一个段落标记，但它分为较大的部分页面 。
<DIV>也让你有机会来定义的HTML整节的风格。您可以定义作为叫出你的页面，并给该节从周围的文字不同的风格。
但是，这并不是它所做的一切！<div>标记使您可以命名您的文件的某些部分，这样您就可以影响他们与样式表或动态HTML。
使用<div>标记时要牢记的一件事情是，它打破段落。它作为一个段落的结束/开始，而你可以有一个<div>内段，你不能有一个段落内的<div>。
技 巧：有些朋友会说DIV是层标签，其实HTML里 是没有层这个说法的，只不过是为了易于理解，Dreamweaver里才这样写的，每个对象都可以 成为“层”，只需要给对象定义position属 性(值为absolute或relavite)。 例如，要让图片成为“层”，可以这样写代 码：
1
<img src="demo.gif" style="posibion:absolute;left:20px;top:20px"/>
<span>标签<div>标记非常相似的特性，它改变它包围的文字风格。但没有任何样式属性，<span>标记不会改变中所包含的项目。

<span> 和<div>标签之间的主要区别在于，<SPAN>没有做任何它自己的格式。<div>标记的行为，包括一个段落 符，因为它是在文件中定义的逻辑划分。<span>标签只是告诉浏览器应用的样式规则<SPAN>内的任何
<span>标签没有必需的属性，而且是最有用的三个是：
style
class
id
当你想改变元素的风格，而不将它们放在文档中的一个新的块级元素，使用<span>。例如，如果你有一个3级标题（<H3>），你想要第二个字是红色，你可以环绕这个词
<span style="color : #f00;">红色的字</span>
它仍然是一个部分的<H3>标签，只是红色的。
特别提示
本 例代码运行效果如图所示，为了更能说明问题，这里给块元素和内嵌元素都加了1像 素宽的黑色实线边框，从图中可以看到，DIV默认为块元素，定义display属 性值为inline后以内嵌元素显示，而SPAN默 认为内嵌元素，定义display属性值为block后 则以块元素显示。

实搜网络为您提供网络推广，网络营销，网站建设，SEO优化，微信开发，网站托管等服务，服务热线：0311-66697360