Я все больше убеждаюсь, что HTML очень многие учат по каким то очень старым учебникам и примерам.
Да, click можно навесить на что угодно, и это что угодно будет работать почти как кнопка. Но есть же хороший элемент button. Почему именно его не использовать как кнопку? Он же именно для этого предназначен.
Кнопка должна быть кнопкой. Правильная кнопка должна не только быть тыкабельная мышью, но и реагировать на клавиатуру. Это реально нужно.
Просто сталкивался с работами, где люди сидят и заполняют базу данных. Там мышью почти не пользуются. Печатая 10 пальцами нет времени мышью кликать. Табы, стрелки, Ентеры...
В современном HTML надо придерживаться семантической составляющей элементов.
Заголовок - <h1-6>, а не жирный span,
Когда что то сделать - <button>
Кудато перейти - <a>