回答
是的,他们是不同的。
即使你的风格跨度display: block
你仍然不能把块级元素里面:
<div><p>correct</p></div>
<span style="display: block;"><p>wrong</p></span>
的(X)HTML仍然要服从(X)HTML DTD(哪一个你使用),不管CSS如何改变事情。
是的。他们可以包含不同的东西,并允许在不同的地方。
他们也将在不同的环境中呈现,其中CSS不可用(例如,在一些电子邮件系统)
这里就是它使一个真正的区别(用于合法的代码,至少)一个例子:
<a href='example.com'>
<span class='title' style='display:block;'>The title of the image is also a link</span>
<img src="example.com/someimage.jpg"/>
</a>
这让你让你跨越一个块级元素,使图像和跨度突出在一起的时候蒙上了一层阴影。
div不能嵌套在标签内。
它将span _display_作为支持CSS的设备上的块,但它不会使其成为块级元素 - 它仍然是内联元素。在这种情况下,这实际上就是你想要的,因为块效应纯粹是为了视觉效果:-) – NickFitz 2009-07-17 09:00:29
A <div>是一个块级元素,它除了定义离散的内容块之外,没有其自己的特定语义。 A <范围>是一种内联元素,它除了定义内联内容的离散片段之外,没有其自己的特定语义。
你可以使用CSS将一个跨度显示作为一个块,但是绝对没有理由这样做编辑:除了纯粹的视觉效果,就像Gabriel演示的那样;我的意思是,你不应该使用CSS试图强制跨度在文档结构方面具有块级意义。此外,如果你这样做,你的内容可能对没有CSS的用户(比如盲人用户或搜索引擎)显得毫无意义。
如果是块,请使用div。如果它是内联内容的一部分,请使用跨度。请记住,CSS只是单纯的介绍;如果您的内容可用,您的标记仍然需要按照逻辑方式进行组织。
查看http://www.w3.org/TR/html401/struct/global.html#edef-DIV了解详情。
- 1. 区域适配器和区域行为之间的区别?
- 2. Python:time.time()与time.clock()之间的显着区别?
- 3. suppressException和原因之间的区别
- 4. #id和div#id之间的区别
- 5. 时间()与stime()之间的区别
- 6. “关键部分”,“关键区域”和“约束执行区域”之间的区别
- 7. gmaps与正常的跨域ajax请求之间的区别
- 8. HBase:区域服务器和QuorumPeer之间的区别
- 9. 高内存和高内存区域之间的区别
- 10. 显示在容器区域之外的div
- 11. Bouncy Castle ECDH与.net4原生ECDiffieHellmanCNG之间的区别
- 12. 区域之间的RedirectToAction?
- 13. 并行流与CompletableFuture之间的区别
- 14. Session.Clear()与Session.Contents.Clear()之间的区别
- 15. justify-content与align-content之间的区别
- 16. system.out与system.err之间的区别
- 17. Ember:unloadRecord与新记录之间的区别
- 18. SBT编译与compileIncremental之间的区别
- 19. 年份与周年之间的区别?
- 20. <%! %>与<% %>之间的区别
- 21. home_url()与get_option('home')之间的区别
- 22. $ q.resolve()与deferred.resolve()之间的区别 - AngularJS
- 23. Linux与Solaris之间的awk区别
- 24. .ajaxSubmit()与.submit()之间的区别
- 25. 新建与覆盖之间的区别?
- 26. add_filter与add_action之间的区别
- 27. req.session与req.app和app.set之间的区别
- 28. express.response.status()与response.sendStatus()之间的区别
- 29. Microsoft.VisualStudio.TestPlatform.TestFramework与Microsoft.VisualStudio.QualityTools.UnitTestFramework之间的区别
- 30. 查找与关系之间的区别
除了需要的字符数稍少之外,在`div:`display:inline`上使用`span`还有什么好处? – JAB 2012-07-23 20:38:34
OMG好的答案。 – VoidKing 2013-05-15 19:41:45