УРОК 3. ЭЛЕМЕНТЫ СОДЕРЖИМОГО САЙТА

<article> — СТАТЬЯ

Если Ваш сайт – блог, то <article> будет тегом отдельных статьей (или новостей), которых на странице может быть несколько

пример новостного сайта

Если сайт не блоговый, то использовать этот тег не обязательно. Весь контент будет находиться внутри тега <section >

пример сайта

 

НОВОСТНОЙ САЙТ 

Внутри тега <section> будут находиться несколько новостей (или записей в блоге) <article>. У каждой новости будет своя шапка (header) и текст, который будет находится внутри тега абзаца <p>

блок section и его содержимое

<h2> — заголовок второго уровня

<p> — абзац 

<hgroup> 

Используется для группировки тегов заголовков <h1> — <h6> 

<figure> и <figcaption>

Элемент <figure> представляет собой самостоятельный контент, который связан с основным содержимым страницы.  Как правило, он содержит картинки или фрагменты кода, которые упоминаются в основном тексте, но которые без труда можно перенести на другую страницу или в приложение без ущерба для основного контента.

Элемент <figure> может содержать внутри себя элемент <figcaption>, который позволяет добавить подпись к контенту (см. предыдущий рисунок).

 

ДРУГИЕ ТЕГИ HTML5

  • <mark> — подсветка текста
  • <small>  — вывод информации мелким шрифтом
  • <cite> — выделение источника (литературы, песен и т.п.)
  • <address> — контактная информа­ция
  • <time> — дата и время.

Добавить комментарий