Что такое семантика?

Новые теги HTML5 обозначают не вид элемента (блочный или строковый), а смысловое значение — это заголовок, навигация или статья. Например, тэг article обозначает статью — основное содержание страницы, а тэг section обозначает часть статьи — логически обособленный фрагмент.

Что это значит?

Например, статья для читателя имеет ценность сама по себе и является завершённой, если прочитана целиком. Она находится вне прямой связи с другими статьями сайта, хотя они объединены тематикой ресурса как такового. Статья может включать отступления типа толкования понятий, но поскольку последние самоценны, они не являются частью статьи. Поэтому, отступления оборачиваются в тэг aside.

Часть статьи не имеет самостоятельной ценности. Например, первая часть охватывает тему в общем, каждая следующая охватывает аспекты, а завершающая заключает основную мысль... Части оборачиваются в тэг section, что бы имелось логическое разделение их между собой, как я уже написал выше. Основная мысль, как говорится, в любом выступлении лишь одна, это же относится и к статьям. Части статьи участвуют в передаче одной основной мысли всей статьи, но не самоценны.

Семантика — это ключевое!

Семантическая, то есть смысловая, а не визуальная разметка, это главное отличие HTML 5 от HTML 4 и предыдущих версий. Тэг strong, вместо b (обозначавший bold) и тому подобные изменения, все изменения сделаны для одного — верстка должна отражать смысл содержащегося материала, а не то как он должен выглядеть.

P.S. Сейчас 2017 год. В ходе сотен собеседований веб-разработчиков, на вопрос "В чём ключевое отличие HTML 5?" два самых популярных ответа, которые я слышал — "Ничем" и "Поддерживает видео".