Новое в HTML5 - Новые блочные теги HTML5

Новое в HTML5

Новые блочные теги HTML5

В дополнении к существующим блочным тегам у HTML5 появились 3 новых тега:

<aside>

<dialog>

<figure>

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

...

<section> Основной текст... <aside> Цитата ... </aside> </section>

...

   Веб-браузер никак не выделяет текст, заключенный в тэге <aside>, он используется для создания хорошей структуры HTML документа. Это по достоинству смогут оценить разработчики поисковых систем.
   Следующий тэг <dialog> используется для создания диалогов между пользователями:

...

<dialog>

<dt>Пользователь 1 </dt>

<dd>Сообщение пользователя 1</dd>

<dt>Пользователь 2 </dt>

<dd>Сообщение пользователя 2</dd>

</dialog>

...

   В тег <dialog> мы вложили еще два тэга: <dt> - содержащий имя пользователя и <dd> для отображения сообщения пользователя.
   Третий тег <figure> используется для того, чтобы указать название изображения.

...

<figure>

<legend>Заголовок изображения</legend>

<img alt="Некоторое изображение" src="/image.jpg" width="200" height="200">

</figure>

...

   Мы использовали тэг <legend>, чтобы указать название изображения, тег <img>, чтобы вставить определенное изображение, и тэг <figure>, чтобы связать их вместе.