Основы верстки. Семантика (смысл и назначение) некоторых элементов HTML5
Тематическая группа (веб-дизайн): https://vk.com/zametkipohtml
Официальный паблик в ВК: https://vk.com/zametkinapolyah
Рубрика по теме в блоге: http://zametkinapolyah.ru/verstka-sajtov
Не забудь подписаться и нажать палец вверх: https://www.youtube.com/user/zametkinapolyahru
Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223
На самом деле теги и элементы HTML5 уже давно не новые, сейчас мы лишь сделаем беглый обзор некотрых элементов, появившихся в HTML5 и коротко поговорим о их назначении, если вам будет интересна данная тема, то, пожалуйста, напишите об этом в комментариях, если тема будет вам интересна, то на моем канале появится отдельный плейлист с описанием возможностей и приемов, доступных в HTML5.
Мы уже говорили о том, что в языке HTML каждый тег имеет свое назначение и свой смысл, за исключением элементов DIV и SPAN. DIV – это просто блок, а SPAN – это просто строка.
И начнем мы с того, что скажем: в HTML5 появились теги, которые создают блочные элементы и придают блокам веб-страницы некий смысл (имеют определенную семантику, этакие див-заменители):
ARTICLE – блочный элемент, по своим свойствам аналогичен DIV, но имеет строго определённое назначение, этот элемент служит контейнером для статьи в блоге, новости на сайте, для описания товара в интернет-магазине, в общем: это контейнер для осмысленного связанного текста;
HEADER – это контейнер для верхнего колонтитула, колонтитул может быть как у отедльной статьи (внутри элемента ARTICLE), так и у сайта в целом (шапка), также HEADER может выступать в качестве контейнера для верхнего баннера на сайте;
FOOTER – аналогичен HEADER, но является контейнером для нижнего колонтитула;
SECTION – элемент, использующийся для группировки блоков в один раздел (section можно перевести как раздел), при помощи данного элемента очень часто объединяют анонсы статей на главной странице в блоге или делят страницу на разделы, например, у новостного сайта есть разделы: спорт, политика, экономика и другие;
NAV – используется как контейнер для блока ссылок навигации по сайту;
ASIDE – используется как контейнер для сайдабара на сайте (левой или правой колонки меню).
На самом деле в HTML5 элементов намного больше, часть из них просто расширяют семантику элемента DIV, но есть и элементы, использующиеся для форматирования контента, для создания анимаций и работы с аудио и видео контентом.
Последние сообщения
127 полезных и бесплатных онлайн академий
23.04.2019
13 сайтов, спасающих от скуки!
22.11.2017