Страничка после урока 38. Использование новых семантических тегов HTML5. Это тег <header>
↓
↓
↓
Заголовок Раздела (тематической группы элементов)
Согласно документации по HTML5 от организации W3C: "Раздел (Секция, <section>) это есть "тематическая группа элементов, обычно с заголовком"
В стандарт HTML5 входят новые семантические теги:
<header> - блок хидер, в котором содержится шапка странички или секции. Содержит первоначальную вводную информацию. На одной страничке может быть несколько хидеров.
<nav> - блок нав, в котором содержится меню навигации. Элемент предназначен для для больших блоков с навигационными линками. Но не все линки обязательно должны быть внутри <nav>.
<section> - блок секция, тематическая группа контента, обычно имеющая заголовок.
<article> - блок статья. Этот элемент содержит независимый контент, имеющий ценность сам по себе, независимо от другого контента на страничке. Примеры: посты блога или форума можно трактовать как статьи.
<aside> - блок "в сторонке", содержит контент, имеющий отношение к предмету, упомянутому в основном блоке контента.
Девушка 5. Стиль "лучшая улыбка года".
<figcaption> - тег "заголовок фигуры" содержит заголовок для блока "фигура". Можно размещать как первым, так и последним дочерним элементом блока "фигура".
<figure> - блок "фигура" содержит самодостаточный контент, такой как иллюстрация, диаграмма, фото, текст программы и т.п. Удаление блока "фигура" должно быть безболезненным для остального контента странички.
<mark> - тег "маркировка", определяет отмеченный (выделенный) текст.
<time> - тег "время", содержит дату и время.
<footer> - блок футер, в котором содержится итоговая информация по страничке или по секции (дата, автор, копирайт и пр.). На одной страничке может быть несколько футеров.
↓
↓
↓
↓
↓
↓
Элемент <article> (статья)
Этот элемент содержит независимый контент, имеющий ценность сам по себе, независимо от другого контента на страничке. Примеры: посты блога или форума можно трактовать как статьи.
Вчера таблицы, сегодня дивы, а завтра? Завтра - заголовки, разделы и статьи!
Еще не так давно веб странички версталились с помощью сложных таблиц, вложенных одна в другую.
Это было не очень удобно и неестественно.
Таблицы следует использовать для отображения табличных данных, но никак не для создания дизайна.
Сегодня веб странички создаются в основном с помощью тегов див (<div>).
Но и этот подход уже выходит из моды.
Будущее за семантическими тегами: <header>, <nav>, <section>, <article>, <aside>, <footer>.
