Ссылка <a> или кнопка <button>?

При верстке макетов не всегда понятно, особенно новичкам, какой тег использовать: тег для ссылки <a> или же кнопки <button>. Неправильное определение элемента может привести к ошибкам в работе веб-страницы.

Давайте разбираться в чем же разница?

Как видите, у каждого элемента есть свои особенности. Трудности обычно возникают, когда внешне на макете кнопка очень похожа ссылку. Например, на странице есть фраза "Войти". Если при нажатии по ней должно открываться окно для ввода данных на этой же странице - это кнопка. Если же должна открываться отдельная страница - это ссылка.

Больше полезного материала: https://t.me/about_webs