В HTML 5 появились три новых элемента уровня блока. Собственно, вот они: 1) aside. 2) dialog. 3) figure. Элемент aside используют, как правило, для выделения неосновного текста внутри основного, например, для выделения различных примечаний или цитат. Например, так: <html> <head> </head> <body> <h3>Заголовок</h3> <p>Основное повествование...</p> <aside> <p>Например, цитата...</p> </aside> </body> </html> Можно посмотреть в браузере, но разницы особой не заметите, что с <aside>, что без, что говорит о том, что данный элемент используется лишь для создания структуры. А хорошая структура удобна разработчику и поисковым машинам. Элемент dialog используется для создания диалога между собеседниками. Давайте напишем такой код: <html> <head> </head> <body> <dialog> <dt>Собеседник 1</dt> <dd>Сообщение собеседника 1</dd> <dt>Собеседник 2</dt> <dd>Сообщение собеседника 2</dd> </dialog> </body> </html> Внутри элемента dialog ставятся два HTML-тега: <dt> и <dd>. Первый тег означает имя собеседника, а второй тег означает его сообщение. Вот и всё, что касается элемента dialog. И, наконец, тег figure в HTML 5 позволяет описать изображение вместе с подписью. Например, так: <html> <head> </head> <body> <figure> <legend>Подпись</legend> <img alt="Изображение" src="image.jpg" width="200" height="200"> </figure> </body> </html> Здесь внутри <figure> объединяются подпись (внутри тега <legend>) и само изображение в теге <img>. Тем самым, элемент <figure> позволяет связать подпись и изображение в одно целое. Вот и все новые элементы HTML 5 уровня блока. Надеюсь, что для Вас многое прояснилось, а если нет, то с удовольствием отвечу на любые вопросы на форуме или лично на письма. Но, наверняка, Вы поняли новые возможности при создании сайта. Автор статьи: Михаил Русаков Ссылка на статью: http://myrusakov.ru/html-5-elementy-urovnya-bloka.html
Все для начинающего web-мастера
HTML 5 Элементы уровня блока
В HTML 5 появились три новых элемента уровня блока.
Собственно, вот они:
1) aside.
2) dialog.
3) figure.
Элемент aside используют, как правило, для выделения неосновного текста внутри основного, например, для выделения различных примечаний или цитат.
Например, так:
<html>
<head>
</head>
<body>
<h3>Заголовок</h3>
<p>Основное повествование...</p>
<aside>
<p>Например, цитата...</p>
</aside>
</body>
</html>
Можно посмотреть в браузере, но разницы особой не заметите, что с <aside>, что без, что говорит о том, что данный элемент используется лишь для создания структуры. А хорошая структура удобна разработчику и поисковым машинам.
Элемент dialog используется для создания диалога между собеседниками.
Давайте напишем такой код:
<html>
<head>
</head>
<body>
<dialog>
<dt>Собеседник 1</dt>
<dd>Сообщение собеседника 1</dd>
<dt>Собеседник 2</dt>
<dd>Сообщение собеседника 2</dd>
</dialog>
</body>
</html>
Внутри элемента dialog ставятся два HTML-тега: <dt> и <dd>. Первый тег означает имя собеседника, а второй тег означает его сообщение. Вот и всё, что касается элемента dialog.
И, наконец, тег figure в HTML 5 позволяет описать изображение вместе с подписью. Например, так:
<html>
<head>
</head>
<body>
<figure>
<legend>Подпись</legend>
<img alt="Изображение" src="image.jpg" width="200" height="200">
</figure>
</body>
</html>
Здесь внутри <figure> объединяются подпись (внутри тега <legend>) и само изображение в теге <img>. Тем самым, элемент <figure> позволяет связать подпись и изображение в одно целое.
Вот и все новые элементы HTML 5 уровня блока. Надеюсь, что для Вас многое прояснилось, а если нет, то с удовольствием отвечу на любые вопросы на форуме или лично на письма. Но, наверняка, Вы поняли новые возможности при создании сайта.
Автор статьи: Михаил Русаков
Ссылка на статью: http://myrusakov.ru/html-5-elementy-urovnya-bloka.html