所以我理解span和label标签之间的功能差别......但是它似乎也存在标签之间的渲染差异,我似乎无法弄清楚它是什么?有谁知道跨度和标签之间的渲染差异?谢谢跨度和标签标记之间的差异是什么?
回答
除了默认的渲染样式(某些浏览器中的标签有时是粗体),最主要的区别是它应该将一个标签连接到一个表单字段(输入,选择等)给LABEL这个字段是什么。因此它是“for”属性。它不应该用于除此之外的任何事情。这对于屏幕阅读器的可访问性来说尤其重要,因为他们希望这个链接存在。
跨度适用于您想要应用类似样式的一组文本。默认跨度没有适用于它的样式。
PS:格拉斯库尔的愤怒可能会发现你,如果我曾经抓到你使用标签选项卡只是为了使一些文本粗体或类似的东西。在我之后重复:“没有输入字段,没有标签”。
PPS:对不起,这是我与其他人的标记最大的烦恼之一。
*“在某些浏览器中,标签有时为粗体”*。你能否详细说明浏览器标签是粗体的? – 2017-01-09 18:17:43
我可以看到与IE,Firefox,Opera或Chrome的默认样式表没有任何渲染差异。浏览器可能会选择以不同的方式渲染它,但这不太可能是一个重大的区别。
标签的主要优点是可以将其与另一个表单控件关联(通过包含或for
属性)。这可以具有可访问性优点。值得注意的是,在典型的基于图形的浏览器中,您可以单击标签以关注相关控件(并勾选它,对于复选框/收音机,这很方便,因为否则它只是一个很小的目标)。这再现了已建立的OS窗体小部件行为。
,除了有在Firefox的差异... – Polaris878 2010-01-13 20:15:02
测试案例则呈现差异。这里没有区别;你有其他规则是否有干扰?唯一适用于Firefox 3.5默认样式表中'label'的规则是'cursor:default'。 – bobince 2010-01-13 20:17:30
drat ....所以我正在挖掘我们大量的CSS,并且有一个类覆盖默认标签属性。对不起这个。 – Polaris878 2010-01-13 20:17:58
- 1. 标签和标签部件之间的区别是什么
- 2. @component标记之间的差异x
- 3. 什么CSS标签跨度的宽度?
- 4. 是什么/ * ... * /之间的差异/ ** ... */
- 5. 什么之间的差异(和[?
- 6. 多值字段和标记字段之间的得分差异
- 7. eval()和附加脚本标记之间的Javascript差异
- 8. AndroidManifest.xml中用法 - 权限和权限标记之间的差异
- 9. ace.js中标记和动态标记之间的区别是什么
- 10. R,轴的刻度线和刻度标记之间变化距离标签
- 11. 标签和文本框之间的(技术)区别是什么?
- 12. 目标谷歌API和目标android之间的差异
- 13. 是什么A`和`之间`的差[:]`
- 14. 是什么C之间的差++和MFC
- 15. 进度标记和计量标记之间的区别
- 16. React与纯HTML实现之间跨度宽度的差异
- 17. 标签散点图上两点之间的差异百分比差异
- 18. 是什么jQuery的之间的差异(函数($)和$(函数()
- 19. 是什么@Resource UserTransaction的和EntityManager.getTransaction之间的差异()
- 20. 什么混帐推和git的标签之间的差别提交
- 21. PHP中“filter_var”和“preg_replace”之间的后端差异是什么?
- 22. 是什么列表/数组表示[]和{}之间的差异?
- 23. 类和结构之间的基本功能差异是什么?
- 24. 什么是执行之间的差异和gradle这个
- 25. jQuery和Prototype之间的当前差异是什么?
- 26. 什么是在MySQL SELECT查询*和列名之间的差异
- 27. Erlang/OTP和OpenResty之间的架构差异是什么?
- 28. STL中hash_map和map之间的场景差异是什么?
- 29. 是什么在这个地方_B和B之间的差异
- 30. PHP:goto和其他控制结构之间的差异是什么,
这似乎有一些CSS作用于它,我错过了......所以有可能真的是不兼容的浏览器 – Polaris878 2010-01-13 20:18:39