Семантичний HTML

Коротко: Семантичний HTML означає вибір елементів за їхнім змістом, наприклад <nav> для навігації та <button> для кнопок, замість того щоб будувати все з <div>.

Докладніше: Браузери, пошукові системи та програми читання з екрана зчитують зміст тегів. <button> автоматично керується з клавіатури й озвучується як кнопка. <div onclick> сам по собі нічого з цього не вміє.