DIV+SPAN详解

1.div:指定渲染HTML的容器

  • 作用:配合css完成网页的基本布局

2.span:指定内嵌文本容器(它没有结构的意义,纯粹是应用样式)

  • 作用:配合css修改网页的局部信息

3.二者区别

  • 1)div是块级元素,span是块级元素
  • 2)div单独在一行,span不会单独在一行
  • 3)div是一个容器级别的标签,span是文本级别的标签
    这篇文章详细写了行内元素和块级元素,它们的区别即是div 和 span 的区别
    HTML——行内元素-块级元素

4.容器级标签和文本级标签

  • 容器级标签:可以嵌套其它所有的标签 ,div,h,ul,ol,dl,li.....
  • 文本级标签:只能嵌套文字,超链接(a),图片(img),span,p,strong,em...

5.它们分别在什么情况下使用

  • div一般用于网页布局,而span一般用于局部文字的样式
  • 如果里面还有其他标签的时候就用div,如果里面只有文本就应该用span
  • div标签中可以镶嵌span标签(div可以看做是一个大容器,span是一个小容器)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,844评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,659评论 32 459
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,341评论 0 5
  • 说明 django通过提供User、auth方法实现用户登录认证,权限管理等功能 一:用户认证 用户登录,判断用户...
    梦想做小猿阅读 616评论 0 0
  • 一个人的夜晚,寂静又漫长!来到漆黑又安静的广场,凉风习习,甚是舒爽!黑夜平复杂乱的心绪,凉风撩起清醒的思想。 细细...
    宝宝语录阅读 246评论 0 1