Найти тему
<!Веселый HTML>

Уроки HTML5: блочные элементы (Часть 2)

Оглавление

В прошлом уроке мы выяснили, что такое элемент. Сегодня я хочу рассказать вам о блочных элементах, которые входят в язык разметки.

Устраивайтесь поудобнее!

Уроки HTML5
Уроки HTML5

Прежде всего это всем знакомый элемент <div>. Он не несет в себе стилевой нагрузки, но помогает правильно "разбить" страничку на разделы. Он используются повсеместно. Вряд ли вы найдете сайт, где не было бы этого элемента.

В новом стандарте HTML5 добавились такие виды блоков, как <section>(секция), <article> и <aside>. Секция — это элемент несколько более значимый чем <div>, поскольку обычно стоит выше в разметке. Заключать много <div> в <section> — вполне обычное поведение web-разработчика. Но не рекомендуется перебарщивать, чтобы не запутаться самому.

<article> предназначен для выделения отдельной статьи или группы особо значимых текстов, а <aside> — для сносок и стороннего содержимого.

Своего рода "классика"
Своего рода "классика"

Кроме этих важных блоков есть еще <header> — шапка, <footer> — подвал (ну то есть вы поняли: нижняя часть странички) и <nav>. <nav> — очень интересный элемент, который заключает в себе ссылки на разделы странички. В многостраничном сайте он содержит ссылки на другие страницы. В подвале довольно часто размещают контактную информацию.

Ознакомиться со всеми блочными элементами в одной статье не получится — поэтому обязательно дождитесь следующих уроков! Всех обнял :D