您现在的位置是:网站首页> 编程资料编程资料
大家需要掌握的 html下SPAN和DIV的区别_经验交流_
2023-05-25
377人已围观
简介 大家需要掌握的 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元素的前面及后面都引入了行分隔。
下面以一个实例来说明这两个属性的区别。
代码:
<span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,<span>标识符允许你将一个段落分成不同的部分。
还有一个标识符具有类似的功能,<div>DIV也被用来在HTML文件中建立逻辑部分。但与<div>SPAN不同,<div>工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果:
SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,标识符允许你将一个段落分成不同的部分。
还有一个标识符具有类似的功能,
DIV也被用来在HTML文件中建立逻辑部分。但与
SPAN不同,
工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。
您可能感兴趣的文章:
相关内容
- 关于超链接的下划线 使用说明_经验交流_
- scrollWidth,clientWidth与offsetWidth的区别_经验交流_
- HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解_经验交流_
- css中的行间距的代码_经验交流_
- css实现兼容各个浏览器的技巧的代码_经验交流_
- css 之 background-position-x_经验交流_
- 做网页字体大小参考 网页中同字号字体的不同单位对比列表_经验交流_
- 研究了一下div+css的高度自适应问题_经验交流_
- css实现行间距效果_经验交流_
- 用css实现隐藏文本框_经验交流_
