Почему атрибут herf не работает на тег button?

Question

Я попробовал наложить атрибут herf на тег <button>, но кнопка не перенаправляет на нужный сайт:

    <button herf="https://ru.stackoverflow.com"></button>

Если такой способ не подходит, то как быть?

Answer 1

У тега button не существует атрибута href, и тем более не существует тега "herf". Необходимо использовать тег a с атрибутом href.

Справочник по HTML - по тегу button

Справочник по HTML - по тегу a

<a href="https://ru.stackoverflow.com">text<a>

<a href="https://ru.stackoverflow.com"><a>

или если нужно чтобы выглядело как кнопка

.btn {
  display: inline-block;
  /* Строчно-блочный элемент */
  background: #FF8000;
  /* Оранжевый цвет фона */
  color: #000;
  /* Черный цвет текста */
  padding: 0.5rem 1rem;
  /* Поля вокруг текста */
  text-decoration: none;
  /* Убираем подчёркивание */
  border-radius: 3px;
  /* Скругляем уголки */
}

<a href="https://ru.stackoverflow.com/" class="btn">text<a>

Answer 2

На самом деле странный вопрос, делать из кнопки ссылку - всё равно, что делать из ссылки - кнопку. Как по мне простая ссылка (тег a) в этом плане куда более проще кастомизировать, чем ту же кнопку. Если же вам всё же нужно именно "кнопку-ссылку". Можете использовать следующий код:

<button onclick="window.location.href = 'ваша ссылка'">Go to Homepage</button>

БЛОГ НА HUSL

Почему атрибут herf не работает на тег button?

Ответы (2 шт):