</> Praktum

Главная / HTML / Кнопка и ссылка

Урок 23 · HTML

Ссылка уводит, кнопка делает действие

Если нажатие открывает другую страницу, это ссылка. Если меняет что-то на месте, это кнопка.

Почему это следующий шаг

Вкладка уже подписана, меню из ссылок собрано. Осталось не перепутать переход и действие.

Как сделать

Тег a ведёт на адрес: урок, якорь, файл. Тег button остаётся на странице: открыть меню, отправить форму, переключить тему. Ссылку, которая никуда не ведёт, и кнопку с адресом внутри не собирай. У кнопки вне формы укажи type="button", иначе в форме она отправит данные.

<a href="/html/pole-s-podpisyu/">Дальше про подписи полей</a>
<button type="button">Открыть меню</button>

Что проверить

  • У каждой ссылки есть настоящий href.
  • Кнопка без адреса не притворяется ссылкой.
  • В форме кнопка действия не отправляет её случайно.

Попробуй

Найди в своём меню один переход и одно действие. Оставь переход ссылкой, действие — кнопкой.