Семантические элементы в HTML5 доступно описывают свой смысл и назначение как для браузеров так и для разработчиков. Ранее, до HTML5, вся разметка страницы строилась на элементе <div> с присвоенными ему классами и идентификаторами. Классы и идентификаторы присваивались для настройки отображения элемента на веб-странице. В HTML5 появились совершенно новые семантические элементы. Они позволяют более понятно структурировать контент, выполнить его группировку. А так же позволяют размечать текстовое содержимое страницы...

До появления стандарта HTML5 вся разметка страниц осуществлялась преимущественно с помощью элементов <div>, которым присваивали классы Class или идентификаторы ID для наглядности разметки (например, <div id="header">)...