Важно знать: данный элемент не поддерживается в IE8 и более ранних версиях.
Тег section - это, по сути, смысловой «якорь» вашей страницы. Он позволяет сгруппировать контент вокруг одной конкретной темы, как правило, снабдив её собственным заголовком. Это не просто коробка для текста, а логический блок информации.
Представьте себе книгу: у неё есть главы, введение, новостной раздел или контакты на главной странице сайта - всё это идеальные примеры того, где тег работает безупречно. Он помогает структурировать хаос в понятные и осмысленные части.
Однако будьте внимательны! section - это не универсальный контейнер для всего подряд. Если вам нужно просто сгруппировать элементы ради скриптов или общей структуры, лучше использовать тег div. Тегу section «показана» только та информация, которая действительно выделяется своим смыслом и содержанием от остального потока.
Примечание: здесь есть интересный нюанс: каждый элемент section может гордо нести в себе собственный заголовок первого уровня (<h1>). Более того, допустимо вкладывать один такой блок внутрь другого - это открывает возможности для глубокой иерархии.
Атрибуты Элемент наследует глобальные атрибуты HTML.
Пример section h1WWF/h1 pWWF - Всемирный фонд дикой природы появился в 1961 году.../p /section