Новое в 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>, чтобы связать их вместе.

Комментариев нет:

Отправка комментария