Важно ли использовать <label>в HTML?

Question

Извините за возможно очень глупый вопрос, но мое любопытство убивает меня, и к тому же я новичок в этом, но использую ярлыки, важные в вашей разметке, и почему?

т.е.

<label for="birthdate">Birthdate:</label>
<input type="text" id="birthdate" name="birthdate" />

Почему я должен пометить этот вход, почему он полезен для пользователя, почему будет полезен для будущего использования, или это вещь поисковой оптимизации. Это то, что я действительно хочу знать:)

Answer 1

Это важно по ряду причин:

• Нажатие на ярлык фокусируется на текстовом поле
  , чего ожидают многие пользователи.
• причины доступности.
• Как еще пользователь узнает, какое поле какое?Вы могли бы использовать только текст или промежуток или что-то, но почему бы вам?
• Это приводит к более семантической разметке.

Answer 2

Это помогает для доступности, например Ширмы-читатели.

Также для таких вещей, как флажки, он позволяет пользователю нажимать на ярлык, а не только на сам флажок ( Попробуйте! ).

Answer 3

Это важно для доступности, поэтому слепые люди, использующие программы чтения с экрана, могут легко определить, какое текстовое поле предназначено для какой вещи, поскольку, возможно, в противном случае их программное обеспечение не сможет определить назначение активного текстового поля из структуры страницы. Кроме того, нажатие на метку сфокусирует соответствующий элемент управления вводом, что удобно.

Answer 4

Использование в будущем:

В случае, когда входная HTML-форма напрямую связана с базой данных (происходит в рамках)

, поэтому переменные формы ввода непосредственно представляют столбцы базы данных.

Таким образом, вместо отображения имен столбцов базы данных пользователю в форме, мы можем показывать пользователю упрощенные имена с помощью меток.