网站知识

div元素与span元素的区别

来源:实搜网络   2013-11-29

 

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