javascript中div和span的区别？

Question

javascript中div和span的区别？

Answer 1

div和span的最主要区别在于语义上，默认情况下：

•  <div> 是用于组合其他 HTML 元素的容器，即下级可以嵌套其他HTML元素。基于此特征， <div> 属于块级元素，浏览器会在其前后显示换行。

• <span>是文本的容器，即一般只包围在文本的两边。基于此特征，<span> 属于内联元素，即在显示时通常不会以新行开始。

下面举例说明：

1、假设有如下的HTML元素，并且为div和span设置了边框，便于观察效果

1 2	<span>我是span元素的内容1</span> <span>我是span元素的内容2</span> <div>我是div元素的内容1</div> <div>我是div元素的内容2</div>

2、结果如下，显示了<div> 属于块级元素及<span> 属于内联元素的特点。

 

 

Answer 2

最大的区别是，DIV是块元素，SPAN是内联元素，

也就是说，DIV有如下默认样式：

1 2 3

div{     display:block; }

相对地，SPAN有如下默认样式：

1 2 3

span{     display:inline; }

当然这些样式是可以通过CSS更改的，两者也存在其他一些区别，但是在现代前端开发中，DIV与SPAN的区别不再被强调，通常来说，SPAN不再那么常用。