В каких случаях следует использовать ссылку, кнопку или элемент label?

• Ссылка ( <a> ): Для перехода на другую веб-страницу или в пределах текущей страницы (якоря). Семантически означает навигацию.
• Кнопка ( <button> ): Для выполнения действия на текущей странице (отправка формы, показ/скрытие элемента, вызов JavaScript-функции и т.п.). Семантически означает действие.
• Элемент label: Для связывания текстовой метки с элементом формы ( input, select, textarea ). Улучшает доступность и удобство использования, позволяя кликать по метке для фокусировки на связанном поле.

<!-- Пример ссылки -->
<a href="/about">О нас</a>

<!-- Пример кнопки -->
<button type="button">Отправить</button>

<!-- Пример label -->
<label for="username">Имя пользователя:</label>
<input type="text" id="username">