Когда следует использовать кнопку (<button>) или ссылку (<a>) в HTML?

Я читал документацию Bootstrap о тегах кнопок (http://getbootstrap.com/css/#buttons-tags), поскольку теги <button> и <a> имеют точно такой же внешний вид, и я нашел это:

Перекрестный браузер

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

В чем причина, по которой я могу использовать тег <button> (который не имеет атрибута href) вместо <a> для навигации?

Может быть, <button> лучше при проектировании веб-приложений, когда он взаимодействует со самой страницей, и, конечно, для отправки форм, но все ли?

[этот вопрос связан с SEO: <button> vs <a> HTML-теги, но вопрос не тот же]

Ответы

Ответ 1

Благодаря комментариям по моему вопросу, это ответ, который я считаю правдой:

Мне нужно использовать <a> для ссылок и навигация между страницами/видами.

Мне нужно использовать <button> для действий, например, на текущей странице: проверка/сброс формы, показ модального...