43

我对使用什么来渲染数据有点困惑。我的情况是我必须渲染计数,但我不确定是否使用spanor label

<span id="spnCount"></span>

或者

<label id="lblCount"></label>
4

8 回答 8

55

label当您有表单或输入元素时使用A -labelinput元素相关联。Span 是任何内联内容的通用容器。我想你想要一个span在这种情况下

于 2012-10-15T07:18:35.127 回答
39

跨度

标签用于对文档中的<span>内联元素进行分组。

标签本身不提供<span>视觉变化。

标签提供了一种方法来将<span>钩子添加到文本的一部分或文档的一部分。

标签

标签定义元素的<label>标签。

<label>元素不会为用户呈现任何特殊的东西。但是,它为鼠标用户提供了可用性改进,因为如果用户单击<label>元素内的文本,它会切换控件。

标签的 for 属性<label>应该等于相关元素的 id 属性才能将它们绑定在一起。

于 2012-10-15T07:22:58.060 回答
38

每个“回答”的人只需复制粘贴描述预期用例的文档即可。然而,没有人解释这些差异,或者为什么应该使用其中一种。

现实情况是,任何一个在技术上都可以工作,所以老实说,这甚至都无关紧要。您可以使用任意数量的其他类似标签,包括<i>标签(使用类正确设置样式)。为它分配一个唯一的 id,使用document.getElementById()或使用节点等,做你想做的事。唯一关心的是语义纯粹主义者。

标签“can”和“should”与表单输入元素一起使用,true。但它不能不得任何其他方式使用它是不正确的。这意味着它可以并且可以其他方式使用。

首先,请注意如何<label>简单地将其用作“元素”的标签。它没有说元素的类型。它并没有说它必须是输入元素或表单元素。实际上,非表单元素可以具有与之关联的控件以提供用户体验,这些控件可能使用 CSS 等操作对象,并且标签可以简单地将文本连接到任何此类事物。表单可以在页面上不可见地存在。谁知道。

为什么使用独立标签可能是个坏主意?如果您的文档可能存在很长时间,通过多个浏览器版本和 HTML 标准更新,定义<label>可能会更改为更严格地强制与表单输入元素关联,那么您可能会遇到问题。但是对于我们仅仅依赖于呈现页面的许多规范中的任何其他方面,几乎都是如此。

发生这种变化可能是非常罕见的情况,而且您甚至可能不在同一家公司或同一项目团队工作,所以老实说,除了纯粹主义者之外,谁真正在乎呢?

好吧,也许任何有视力障碍的人,如果他们依赖某种处理<label>不同于<span>的技术,这可能会使技术或用户或两者混淆。我对此类无障碍设备没有任何经验,但这可能是一个更好的理由WHY

另一个有效的原因是<span><label>.

另一个原因可能是搜索引擎在使用<label>vs时对您的页面进行排名或引用内容的方式存在细微差异<span>。这有点牵强,因为此类算法通常不公开,但这是可能的。一个引擎可能以一种方式产生更好的结果,另一个引擎可能更喜欢另一种方式,另一个引擎可能不关心任何一种方式。

说了这么多,如果没有任何进一步的上下文知识,我可能会选择它,<span>因为它似乎是最通用最少争议的做事方式。但我觉得这个问题缺乏一个彻底的答案,因为答案通常涉及对原因的​​理解。

于 2017-01-15T07:53:15.857 回答
2

如果您的数据是计算结果,那么outputHTML5 元素可能最适合您的目的。

于 2012-10-15T07:32:39.880 回答
1

标签定义元素的标签。如果您不使用输入元素,则可以使用 span。

于 2012-10-15T07:18:23.193 回答
0

标签与表单输入元素结合使用。在某些浏览器中,可以单击标签来激活输入元素。

于 2012-10-15T07:18:31.947 回答
0

label用于标记 html 中的表单控件。它还具有for属性,您可以在其中设置与此标签相关的控件的 ID。span用于需要显示一些文字数据的情况。

于 2012-10-15T07:18:56.140 回答
-2

<label>标签定义了<input>元素的标签。” http://www.w3schools.com/tags/tag_label.asp

于 2012-10-15T07:18:24.357 回答