До появления стандарта HTML5 вся разметка страниц осуществлялась в основном за счет элементов <div>, которым присваивали классы class или идентификаторы id для структурирования и наглядности разметки. С их помощью в HTML-документе размещали верхние и нижние колонтитулы, боковые панели, навигацию и многое другое. Стандарт HTML5 предоставил новые элементы для структурирования, группировки контента и разметки текстового содержимого. Новые семантические элементы позволили улучшить структуру веб-страницы, добавив смысловое значение заключенному в них содержимому.

   Для отображения внешнего вида элементов не задано никаких правил, поэтому элементы можно стилизовать по своему усмотрению. HTML5-элементы не всегда понятны современным браузерам, и по умолчанию браузер считает их строчными элементами — {display: inline;}. Если просто задать ширину и высоту для таких элементов, то в браузере они будут отображаться неправильно. Чтобы решить эту проблему, нужно указать для всех используемых HTML5-элементов {display: block;}.

Для всех элементов доступны ‎глобальные атрибуты. Читать далее