javascript中div和span的区别？

Question

javascript中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> 属于内联元素的特点。&nbsp;&nbsp;

Answer 2

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