大家需要掌握的 html下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元素的前面及后面都引入了行分隔。

时间: 2024-08-02 15:25:13

大家需要掌握的 html下SPAN和DIV的区别_经验交流的相关文章

网页中Span和Div的区别_经验交流

它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS中级指南的类和id选择符.  span和div的不同之处在于span是内联的,用在一小块的内联HTML中,而div(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码.    This is crazy 在实践中,div,特别是span不应该滥用,尽管有其他相左的意见.比如,你要强调单词"crazy"和加粗类"pa

SPAN元素和DIV元素有的区别_经验交流

前几天做自适应Skin的时候了解了一下块(block)的含义.发现了这样的一个问题. SPAN元素和DIV元素有什么区别  解决思路: 最明显的区别是:DIV是块元素,SPAN是内嵌元素.块元素相当于内嵌元素在前后各加一个<br>换行.其实,块元素和行内元素也不是一成不变的,只要给块元素定义display:inline,块元素就成了内嵌元素,同样地,给内嵌元素定义了display: block就成了块元素了. 具体步骤: div1 div2 span1span2 div3 div4 span3

div的dispaly:inline样式 和span的区别_经验交流

不是说用了display:lnline就变内联原素了吗 为什么还和span有区别更奇怪的是ff里面执行就没区别 xxx xxx xxx xxx 我是没有间隔的伟大的hutia,挖哈哈哈 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] IE中回车是作为一个空格处理的,挖哈哈哈

网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容_经验交流

logo banner mail 第一分类 XHTML CSS PHP MySQL Fireworks Photoshop Flash Illustrator 第一分类 XHTML CSS PHP MySQL Fireworks Photoshop Flash Illustrator 第一分类 XHTML CSS PHP MySQL Fireworks Photoshop Flash Illustrator 第一分类 XHTML CSS PHP MySQL Fireworks Photoshop

用CSS实现下拉菜单的多种方法_经验交流

菜单一 菜单一 菜单一 菜单一 菜单一 菜单一 菜单一 菜单二 菜单二 菜单二 菜单二 菜单二 菜单二 菜单三 菜单三 菜单三 菜单三 菜单三 菜单三 菜单四 菜单四 菜单四 菜单四 菜单四 菜单四 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单六 菜单六 菜单六 菜单六 菜单六 菜单六

Firefox下样式设置宽度奇怪现象_经验交流

数据1 数据2 数据3 数据4 数据5 数据6 数据7 数据8

CSS样式表中SPAN和DIV的区别

css|区别|样式表 SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落.标题.表格,乃至诸如章节.摘要和备注等.而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN. 下面以一个实例来说明这两个属性的区别. 代码: <span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了.在此例中,<

简明教程 SPAN和DIV的区别

教程|区别 SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落.标题.表格,乃至诸如章节.摘要和备注等.而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN. 下面以一个实例来说明这两个属性的区别. 代码: <span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了.在此例中,<span

搞定CSS SPAN和DIV的区别

css|区别 SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落.标题.表格,乃至诸如章节.摘要和备注等.而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN. 下面以一个实例来说明这两个属性的区别. 代码: <span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了.在此例中,<spa