是否有语法差异<span>和<div>？

Question

可能重复:
HTML标签DIV和SPAN有什么区别？

我知道在编写HTML时,我应该记住语义,例如,h1需要是一个主头,h2需要是一个子头,表需要是表,<em>用于强调而不是<i>等等.有没有div和span之间的正确差异除了一个是块而另一个是内联的？

当我在学习的过程中,我被告知这<span>是为了设计文字中线.如果我需要在我的网页中的某个位置放置一小段文字,一个不会<p>标记标签的文字,我是否应该使用跨度？如果该文本需要覆盖两行(即,它需要一个宽度),如果它只包含文本,那该怎么办？

Answer 1

在语义上,既没有<div>也没有<span>任何内在意义.它们是"全能"标签,意在与没有现有标签的东西一起使用.如果您关心语义,请使用div和span作为最后的手段.

它们之间唯一的区别是div是块级元素,跨度是内联的.默认情况下,div将启动一个完整的新块,从技术上讲,只允许内联元素和某个CSS在某个范围内.大多数浏览器似乎都在处理标签而不管规则(假设是"标签汤"),并且您实际上可以使用CSS执行其他操作,但如果您关心验证或跨浏览器兼容性,则不要执行任何操作(你关心哪个,对吧？).

Answer 2

span和div之间的主要区别在于span是内联元素,而div是块元素,如a p或paragraph元素.所以,实质上

span { display: block; }

实质上是将所有跨度转变为div.您只使用跨度来处理一行文本,例如应用效果或填充等.Div通常用于划分您的网页,因此如果您必须在某处放置一段文字,我建议使用div.

Answer 3

Div是一个分区块,span用于跨越内联文本.

因此Div是一个高度和宽度的框/块,跨度是内联的.基本上.

如果你想阅读规范,这里是一个链接.

DIV和SPAN元素与id和class属性一起提供了向文档添加结构的通用机制.这些元素将内容定义为内联(SPAN)或块级(DIV),但不对内容强加其他表示习语.因此,作者可以将这些元素与样式表,lang属性等结合使用,以根据自己的需要和品味定制HTML.