什么是span和label标签之间的渲染差异？

Question

所以我理解了span和label标签之间的功能差异......但是看起来标签之间还存在渲染差异,我似乎无法弄清楚它是什么？有谁知道跨度和标签之间的渲染差异？谢谢

Answer 1

除了默认的渲染样式(标签在某些浏览器中有时是粗体),重要的区别在于它应该链接到表单字段(输入,选择等)的标签到LABEL该字段是什么.因此它是"for"属性.它不应该用于任何事情.这对于屏幕阅读器的可访问性尤为重要,因为他们希望此链接存在.

Span是一组您希望应用类似样式的文本.默认情况下,Span没有应用任何样式.

PS:格雷斯库尔的愤怒可以找到你,如果我曾经用标签标签抓住你,只是为了使一些文字粗体或类似的东西.在我之后重复:"没有输入字段,没有标签".

PPS:对不起,这是我对其他人加价的最大烦恼之一.

Answer 2

我可以看到IE,Firefox,Opera或Chrome中的默认样式表没有渲染差异.浏览器可能会选择以不同方式呈现它,但它不太可能是显着的差异.

标签的主要优点是您可以将其与另一个表单控件(通过包含或for属性)相关联.这可以具有可访问性优势.值得注意的是,在典型的基于图形的浏览器中,您可以单击标签以聚焦关联的控件(并勾选它,对于复选框/无线电,这很方便,因为否则它是一个非常小的目标).这将再现已建立的OS表单窗口小部件行为