所以我理解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. 是什么inflaters之间的差异
- 5. 什么之间的差异(和[?
- 6. 嵌入,对象和视频的HTML标签之间的差异?
- 7. eval()和附加脚本标记之间的Javascript差异
- 8. 刻板印象属性和标记值之间的差异
- 9. AndroidManifest.xml中用法 - 权限和权限标记之间的差异
- 10. 多值字段和标记字段之间的得分差异
- 11. 视差效果像跨度标记
- 12. 是什么就是什么这两个登记之间的autofac的差异autofac
- 13. array_intersect_key和array_diff_key之间的时间操作差异是什么?
- 14. ace.js中标记和动态标记之间的区别是什么
- 15. PCIe和QPI之间的性能和架构差异是什么?
- 16. 标签和文本框之间的(技术)区别是什么?
- 17. R,轴的刻度线和刻度标记之间变化距离标签
- 18. git的标签空间差异问题
- 19. 是什么A`和`之间`的差[:]`
- 20. 是什么C之间的差++和MFC
- 21. 目标谷歌API和目标android之间的差异
- 22. 为什么文本框和外翻跨度之间的高度差?
- 23. 进度标记和计量标记之间的区别
- 24. JFreeChart图例标签之间的差距
- 25. 消除tbody标签之间的差距
- 26. 什么是self.property的使用和性能之间的差异
- 27. 是什么jQuery的之间的差异(函数($)和$(函数()
- 28. 是什么@Resource UserTransaction的和EntityManager.getTransaction之间的差异()
- 29. 是什么要求和提供的接口之间的差异
- 30. 是否可以有一个跨度关闭标签的两个跨度标签
这似乎有一些CSS作用于它,我错过了......所以有可能真的是不兼容的浏览器 – Polaris878 2010-01-13 20:18:39