`
gstarwd
  • 浏览: 1489538 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

SPAN和DIV的区别

阅读更多

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

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

  代码:

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

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

  效果:

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

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

版权申明:本站文章均来自网络,如有侵权,请联系028-86262244-215 ,我们收到后立即删除,谢谢!

分享到:
评论

相关推荐

    div和span的区别

    div: div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。 Span: span是一个内联元素,没有实际意义,它的存在纯粹是为了应用样式,给一段内容...

    网页设计中的Span和Div的区别

    网页设计中的Span和Div的区别..........

    浅谈Span和Div的区别

    HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,...

    span掉落的演示代码

    博文 “display:block-inline形式的Span或Div中添加文字后,导致Span或Div排版掉落、错位”的原因及解决方法 里的示例代码

    css教程:网页中Span和Div的区别

    HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,...

    深入理解DIV和SPAN的区别

    深入理解DIV和SPAN的区别 DIV 块元素,span是行内元素 Span的宽度依照包围着对象的宽度而定,所以不能用宽度属性width设置span标记内对象的宽度,但可以设置span的margin(外补丁)值,span中的对象位置与父对象的...

    SPAN和DIV,Class与ID的区别汇总

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

    div与span之间有什么区别

    问:DIV与SPAN之间有什么区别? 答:解决思路: DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌...

    SPAN元素和DIV元素有的区别

    SPAN元素和DIV元素有的区别

    网页中Span和Div的区别

    HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,...

    大家需要掌握的 html下SPAN和DIV的区别

    大家需要掌握的 html下SPAN和DIV的区别

    div与span的区别和使用示例

    2.块元素和行内元素也不是一成不变的,通过定义CSS的display属性值可以互相转化,如: 测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span> ...

    DIV与SPAN之间有什么区别.doc

    DIV与SPAN之间有什么区别.doc

    12-div和span标签.html

    12-div和span标签.html

    HTML中div与span的区别(共同点与不同点)

    DIV标签和SPAN标签是将一些内容当成一个整体进行处理,比如,整体隐藏,整体移动。类似一个盒子一样的东西。这样做可以精简代码,提高效率。 不同点: 1、div是将内容放到一个矩形的区块中,随意移动会影响布局。而...

    js+div+span实现树型结构

    使用js+div+span实现树型结构 非常简单的代码 一看就懂 下载解压直接打开就可以看出效果

    html标签例如img,div,span等基本标签的使用

    html标签例如img,div,span等基本标签的使用

Global site tag (gtag.js) - Google Analytics