主页 > 知识库 > 大家需要掌握的 html下SPAN和DIV的区别

大家需要掌握的 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元素的前面及后面都引入了行分隔。
您可能感兴趣的文章:
  • html小技巧之td,div标签里内容不换行
  • js innerHTML 改变div内容的方法
  • js+html+css实现鼠标移动div实例
  • div+css与xhtml+css分别是什么意思?
  • XHTML下css+div布局总结 超强推荐
  • HTML结构化:实践DIV+CSS网页布局入门指南
  • 用jQuery向div中添加Html文本内容的简单实现
  • 使用jQuery加载html页面到指定的div实现方法
  • 不要在HTML中滥用div

标签:长治 红河 新疆 沈阳 沧州 河南 上海 乐山

巨人网络通讯声明:本文标题《大家需要掌握的 html下SPAN和DIV的区别》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266