跨度和标签标签之间的渲染区别是什么？答案

【问题标题】：Whats the rendering difference between a span and label tag?跨度和标签标签之间的渲染区别是什么？
【发布时间】：2010-01-14 04:19:54
【问题描述】：

所以我了解跨度和标签标签之间的功能差异......但是标签之间似乎也存在渲染差异，我似乎无法弄清楚它是什么？有谁知道跨度和标签之间的渲染区别？谢谢

【问题讨论】：

【解决方案1】：

除了默认呈现样式（标签有时在某些浏览器中为粗体）之外，重要的区别在于它应该链接到表单字段（输入、选择等）的标签与 LABEL 该字段是什么。因此它是“for”属性。它不应该用于除此之外的任何事情。这对于屏幕阅读器的可访问性尤其重要，因为他们希望此链接存在。

Span 用于一组您希望对其应用类似样式的文本。 Span 默认没有应用任何样式。

PS：如果我发现你使用标签选项卡只是为了使某些文本加粗或类似的东西，愿灰骷髅的愤怒找到你。跟着我重复：“没有输入字段，没有标签”。

PPS：抱歉，这是我最大的烦恼之一。

【讨论】：

【解决方案2】：

我看不出与 IE、Firefox、Opera 或 Chrome 中的默认样式表的渲染差异。浏览器可能会选择不同的呈现方式，但这不太可能有显着差异。

标签的主要优点是您可以将它与另一个表单控件相关联（通过包含或for 属性）。这可以具有可访问性优势。值得注意的是，在典型的基于图形的浏览器中，您可以单击标签以聚焦相关控件（并勾选它，用于复选框/收音机，这很方便，因为否则它是一个很小的目标）。这重现了已建立的操作系统表单小部件行为。

【讨论】：