標籤vs span：html

Question

我對使用什麼來渲染數據感到困惑。我的scenerio是我必須渲染計數，我不確定使用跨度或標籤。

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

或

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

Answer 1

A label用於具有表單或輸入元素時 - label與input元素相關聯。跨度是任何內聯內容的通用容器。我想你想在這種情況下span

Answer 2

標籤定義爲元素的標籤。如果您不使用輸入元素，則可以使用span。

Answer 3

「<label>標籤定義了<input>元素的標籤。」 http://www.w3schools.com/tags/tag_label.asp

Answer 4

標籤與表單輸入元素結合使用。在某些瀏覽器中，可以單擊標籤以激活輸入元素。

Answer 5

label用於在html中標記窗體控件。它還具有for屬性，您可以在其中設置此標籤所關聯的控件的ID。 span用於需要顯示一些文字數據的情況。

Answer 6

Span

的<span>標記用於在文檔中組直列元件。

<span>標籤本身不提供視覺變化。

<span>標記提供了一種將鉤子添加到文本的一部分或文檔的一部分的方法。

Label

<label>的標籤定義的元素的標籤。

<label>元素不呈現爲任何特殊的用戶。但是，它爲鼠標用戶提供了可用性改進，因爲如果用戶單擊<label>元素內的文本，它將切換控件。

<label>標記的for屬性應該等於相關元素的id屬性，以將它們綁定在一起。

Answer 7

如果您的數據是計算結果，則HTML5元素可能最適合您的用途。

Answer 8

每個「回答」的人都只是描述預期用例的複製粘貼文檔。然而，沒有人解釋爲什麼你應該使用其中的一個或另一個來區別差異或背後的原因。

現實情況是，任何一個人在技術上都會工作，所以說實話根本就不重要。您可以使用任意數量的其他類似標籤，包括<i>標籤（正確使用課程樣式）。分配一個唯一的ID，使用document.getElementById()，或使用節點等，做你想做的。唯一關心的人是語義純粹主義者。

標籤「可以」和「應該」與表單輸入元素一起使用，爲true。但它是非真它不能或不能以任何其他方式使用。這意味着它可以用其他方式使用。

首先，請注意<label>是如何被簡單地用作「元素」的標籤。它沒有說什麼類型的元素。它沒有說它必須是一個輸入元素或一個表單元素。事實上，非表單元素可以具有與它們相關聯的控件以提供用戶體驗，這可能會用CSS等操作對象，標籤可能只是將文本連接到任何此類事物。該表格可以隱藏在頁面上。誰知道。

爲什麼使用獨立標籤可能是一個壞主意？如果您的文檔可能存在很長時間，通過多個瀏覽器版本和HTML標準更新，<label>的定義可能更改爲更嚴格地強制與表單輸入元素關聯，那麼您可能會遇到問題。但是，對於我們依賴的許多規範中的任何其他方面來說，只是呈現頁面也是如此。

這可能是一種非常罕見的情況，會發生這種變化，而且你甚至可能不在同一家公司或同一個項目團隊工作，所以誠實地說，除純化主義者之外真正關心的人是什麼？

好吧，也許任何一個視覺障礙的人，如果他們依靠某種技術處理的<label>不同於<span>，這可能會混淆技術或用戶或兩者。我對這種無障礙設備沒有任何經驗，但這可能是一個更好的理由爲什麼。

另一個有效的原因是<span>類型比<label>短。

另一個原因可能是如果使用<label>和<span>，搜索引擎排名您的頁面或引用內容的方式會有細微的差異。這有點小，因爲這樣的算法通常不公開，但它是可能的。一個引擎可能以單向方式產生更好的結果，另一個引擎可能更喜歡另一個引擎，另一個引擎可能不關心任何一種方式。

所有這一切說，沒有上下文的任何進一步的瞭解，我可能會用<span>去，因爲它似乎做事的最通用的和至少有爭議方式。但我覺得這個問題缺乏透徹的答案答案，因爲答案通常涉及理解爲什麼。