Лучший / правильный способ добавить ссылку на кнопку

Question

Я немного подумал об этом, и, возможно, вначале я неправильно нажал кнопку, но мне нужно знать, как правильно / как лучше поступить.

У меня есть следующий код

<button class="more-button">FIND OUT MORE <i class="fa fa-chevron-right" aria-hidden="true"></i></button>

Я думал, что смогу получить урок после урока, но это не сработало.

На данный момент я делаю это

<a href="https://link.com"><button class="more-button">FIND OUT MORE <i class="fa fa-chevron-right" aria-hidden="true"></i></button></a>

Это нормально?

Должен ли я делать что-то другое? Благодарю.

Answer 1

Без использования JavaScript единственное, что является способом, который наиболее рекомендуется. Вы должны использовать form тег и action атрибут как:

<form action="http://example.com">
    <input type="submit" value="Examplevalue" />
</form>

Вы также можете оформить ссылку как кнопку с помощью CSS.

<a href="http://test.com" class="button">Testbutton</a>

CSS:

button{
   appearance: button;
   moz-appearance: button;
   webkit-appearance: button;
}

Answer 2

<form method="GET" action="YOUR_Url"><button type="submit">Text</button></form>

Это должно работать, если вы замените YOUR_URL на целевой URL.