欢迎来到代码驿站!

HTML代码

当前位置:首页 > 网页前端 > HTML代码

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

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

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

  代码:

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

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

  效果:

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

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

上一篇:顶级经典常用的CSS属性收集整理

栏    目:HTML代码

下一篇:前端获取http状态码400的返回值实例

本文标题:大家需要掌握的 html下SPAN和DIV的区别

本文地址:http://www.codeinn.net/misctech/15443.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有