Ответ 1

A label используется, когда у вас есть форма или элементы ввода - label связан с элементом input. Span - это общий контейнер для любого встроенного контента. Я думаю, вам нужен span в этом случае

Ответ 2

Span

Тег <span> используется для группировки встроенных элементов в документе.

Тег <span> не дает визуального изменения сам по себе.

Тег <span> обеспечивает способ добавления привязки к части текста или части документа.

Label

Тег <label> определяет метку для элемента.

Элемент <label> не отображает ничего особенного для пользователя. Тем не менее, он обеспечивает улучшение удобства использования для пользователей мыши, потому что, если пользователь нажимает на текст в элементе <label>, он переключает элемент управления.

Атрибут for тега <label> должен быть равен атрибуту id связанного элемента, чтобы связать их вместе.

Ответ 3

Каждый человек, который "ответил", просто скопировал вставную документацию, которая описывает предполагаемый прецедент. Однако никто не объяснял различия или ПОЧЕМУ за тем, почему вы ДОЛЖНЫ использовать тот или иной.

Реальность такова, либо технически будет работать, так что это честно даже не имеет значения. Вы можете использовать любое количество других похожих тегов, включая тег <i> (правильно оформленный в классе). Назначьте его уникальным идентификатором, используйте document.getElementById() или используйте узлы и т.д., Сделайте то, что вы хотите. Единственные люди, которые заботятся, - это семантические пуристы.

Метка "can" и "should" должна использоваться с элементом ввода формы, true. Но это НЕ ИСТИННО, что он НЕ МОЖЕТ или НЕ ДОЛЖЕН использоваться каким-либо другим способом. Это означает, что он CAN и COULD используется другими способами.

Прежде всего обратите внимание на то, что <label> просто используется как метка "для элемента". Он не говорит, что ТИП элемента. Он не говорит, что это должен быть элемент ввода или элемент формы. В самом деле, элементы неформы могут иметь связанные с ними элементы управления для обеспечения пользовательского опыта, который, возможно, манипулирует объектами с помощью CSS и т.д., А ярлык может просто подключать текст к любым таким вещам. Форма может существовать незаметно на странице. Кто знает.

Почему может быть плохой идеей использовать отдельный ярлык? Если ваш документ может существовать в течение длительного времени, через несколько версий браузера и обновлений стандартов HTML, определение <label> может измениться для более строгого соблюдения связи с элементами ввода формы, тогда у вас может возникнуть проблема. Но то же самое верно для любого другого аспекта любого из нескольких спецификаций, на которые мы полагаемся только для отображения страницы.

Вероятно, очень редкий сценарий, что такое изменение произойдет, и вы, вероятно, даже не будете работать в той же компании или в одной команде проекта, так что, честно говоря, кто действительно заботится, кроме пуристов?

Ну, может быть, кто-то, кто слабовиден, если они полагаются на какую-то технологию, которая рассматривает <label>, отличную от <span>, которая может запутать технологию или пользователя или и то, и другое. У меня нет опыта работы с такими устройствами доступности, но это может быть лучшей причиной ПОЧЕМУ.

Другая веская причина: <span> короче, чем <label>.

И еще одна причина может быть тонкой разницей в том, что поисковая система оценивает ваш контент на странице или ссылках, используя <label> vs <span>. Это немного растягивается, потому что такие алгоритмы обычно не являются общедоступными, но это возможно. Один двигатель может дать лучшие результаты в одну сторону, другой двигатель может предпочесть другой путь, а другой двигатель может не волновать в любом случае.

Все, что сказало, без какого-либо дальнейшего понимания контекста, я, вероятно, поеду с <span>, поскольку это кажется самым общим и наименее спорным способом делать вещи. Но я чувствовал, что у вопроса не было подробного ответа , так как ответы обычно подразумевают понимание почему.

Ответ 4

Если ваши данные являются результатом вычисления, output HTML5-элемент, вероятно, подходит для вашей цели.

Ответ 5

Тег определяет метку для элемента. Если вы не используете элемент ввода, можно использовать диапазон.

Ответ 6

Метка используется в сочетании с элементом ввода формы. В некоторых браузерах метку можно щелкнуть, чтобы активировать элемент ввода.

Ответ 7

label используется для маркировки элементов управления формой в html. Он также имеет атрибут for, где вы можете установить идентификатор элемента управления, к которому относится эта метка. span используется, если вам нужно отобразить некоторые литералы.

Ответ 8

"Тег <label> определяет метку для элемента <input>." http://www.w3schools.com/tags/tag_label.asp