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

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

Подробнее: Браузеры, поисковые системы и программы чтения с экрана считывают смысл тегов. <button> автоматически управляется с клавиатуры и озвучивается как кнопка. <div onclick> сам по себе ничего из этого не умеет.