html标签div和span的区别

Question

html标签div和span的区别

Answer 1

div和span的最主要区别在于语义上，默认情况下：&nbsp;<div> 是用于组合其他 HTML 元素的容器，即下级可以嵌套其他HTML元素。基于此特征，&nbsp;<div>&nbsp;属于块级元素，浏览器会在其前后显示换行。<span>是文本的容器，即一般只包围在文本的两边。基于此特征，<span> 属于内联元素，即在显示时通常不会以新行开始。下面举例说明：1、假设有如下的HTML元素，并且为div和span设置了边框，便于观察效果12<span>我是span元素的内容1</span>&nbsp;<span>我是span元素的内容2</span><div>我是div元素的内容1</div>&nbsp;<div>我是div元素的内容2</div>2、结果如下，显示了<div>&nbsp;属于块级元素及<span> 属于内联元素的特点。

Answer 2

最大的区别是，DIV是块元素，SPAN是内联元素，也就是说，DIV有如下默认样式：123div{&nbsp;&nbsp;&nbsp;&nbsp;display:block;}相对地，SPAN有如下默认样式：123span{&nbsp;&nbsp;&nbsp;&nbsp;display:inline;}当然这些样式是可以通过CSS更改的，两者也存在其他一些区别，但是在现代前端开发中，DIV与SPAN的区别不再被强调，通常来说，SPAN不再那么常用。&nbsp;本回答被提问者和网友采纳&nbsp;

Answer 3

<div>就是把里面的东西当成一整体，怎么处理都行<span>也是把里面的东西当成一个整体，区别就是<span>是把里面的东西显示成一行比如<div><span>大连</span><span>很美</span></div>显示的效果就是 大连很美