Создание сайтов в Ростове-на-Дону Создание сайтов в Ростове-на-Дону

Создание сайтов в Ростове-на-Дону

Заказать создание сайта в Ростове-на-Дону

Посмотреть договор на создание сайта в Ростове-на-Дону

Портфолио

Цены

Сайт-старт - от 3000 руб.

Сайт-визитка - от 5000 руб.

Сайт-медиум - от 6000 руб.

Сайт-экстра - от 15000 руб.

Интернет-магазин - 12000 руб.

Теги для выделения: dialog, aside, figure E-mail
02.03.20 15:44

Тег aside, dialog и figure при создании сайта


В HTML5 впервые появились улучшенные элементы. Все они предназначены в первую очередь для поисковых систем и программистов, нежели для посетителя сайта.

Aside

Aside предназначен для обозначения небольшого фрагмента в виде цитаты или примечания. Этот элемент часто применяется для замечаний, примечаний, цитат, ремарок, для всякого текстового украшения, которое является второстепенной частью основной статьи.


<h3>Заголовок третьего уровня</h3>

<p>Основной текст...</p>

<aside>

<p>Примечание...</p>

</aside>

На первый взгляд разница незаметна, но это из-за того, что данный элемент предназначен больше для поисковиков и программистов, работающих со структурой страниц.

Dialog

Тег dialog используется при написании диалоговых элементов. Следующий код наглядно покажет, как следует употреблять этот тег:


<dialog>

<dt>Участник диалога 1</dt>

<dd>Слова первого участника</dd>

<dt>Участник диалога 2</dt>

<dd>Слова от второго участника</dd>

</dialog>

Dt и dd в середине тега dialog передают имя участника беседы и его сообщение. Элемент dt применяется для указания имени, а элемент dd применяется для форматирования речи.

Figure

Элемент figure даёт возможность связать картинки с подписью:

<figure>

<legend>Подпись</legend>

<img alt="Картинка" src="/image.jpg" width="200" height="200">

</figure>

Внутри блока <figure> имеется подпись, заключённая в тег <legend>, и картинка в теге <img>. Таким образом, в один элемент подпись и картинка включена, как единое целое. Огромное преимущество данного подхода в том, что браузеры могут легко распознавать и находить картинку с подписью.

 
Главная Статьи Теги для выделения: dialog, aside, figure