SPAN和DIV的区别

2016-02-19 14:18 10 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐SPAN和DIV的区别,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

  SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。

  下面以一个实例来说明这两个属性的区别。

  代码:

  <span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,<span>标识符允许你将一个段落分成不同的部分。

  还有一个标识符具有类似的功能,<div>DIV也被用来在HTML文件中建立逻辑部分。但与<div>SPAN不同,<div>工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  效果:

  SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,标识符允许你将一个段落分成不同的部分。

  还有一个标识符具有类似的功能,DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同,工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1606687.html

延伸阅读
简单的说,HTML只是赋予内容的方法,大部分HTML标签都有其自已的特别意义(标签p创建段落,h1标签创建标题等等)的,但是,span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。 但实际上,与CSS结合起来后,它们就被应用得十分广泛。 它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class...
标签: Web开发
div和span用来为内容指定样式或绑定脚本。虽然大多数HTML元素可以通过style属性来设置样式信息,但是许多HTML元素有自己默认的样式,该样式可能和style定义的样式混合甚至冲突,是我们不希望看到的。如:strong style = “color: red”I am strong!/strong。和其他html元素不同,div和span没有默认的显示样式。所以可以通过它们来指定样式...
标签: Web开发
class是设置标签的类 id是设置标签的标识 class属性用于指定元素属于何种样式的类。 如样式表可以加入 .baobao { color: lime; background: #ff80c0 } 使用方法:class="baobao" id属性用于定义一个元素的独特的样式。如一个CSS规则#binbin { font-size: larger } 使用方法:id="binbin" id是一个标签,用于区分不同的结构和内容,就象你...
标签: Web开发
class是设置标签的类。 id是设置标签的标识。  class属性用于指定元素属于何种样式的类。 如样式表可以加入: .baobao { color: lime; background: #ff80c0 } 使用方法:class="baobao" id属性用于定义一个元素的独特的样式。 如一个CSS规则: #binbin { font-size: larger } 使用方法:id="binbin" id是一个标签,用于区分不...
标签: Web开发
WEB标准 是一系列标准的集合,并不是仅DIV CSS布局就可以实现。以CSS网页布局只是标准的基础之一。DIV CSS布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构,结合CSS最大程度使表现与内容相分离。 一位网友对W3C标准、重构与CSS布局的理解: 不知道从什么时候开始,在网络上到处可以看到div css,...

经验教程

640

收藏

76
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部