HTML тег - aside - определение и примеры использования
Меню
Веб-разработка
Мои услуги на Kwork
Тег aside HTML

 HTML - тег <aside> — это один из элементов HTML5, добавленный для определения раздела с дополнительной информацией, связанной с содержимым вокруг элемента aside. Обычно он используется для дополнения статьи дополнительной информацией или выделения частей, которые могут быть интересны пользователю.


Тег <aside> - синтаксис и код

Тег <aside> представлен парами. Содержимое записывается между открывающим (<aside>) и закрывающим (</aside>) тегами.

Пример разметки с тегом <aside>:

<p>Наша компания занимается разработкой веб-сайтов на WordPress, а также на других CMS.</p>

<aside>
<h4>CMS</h4>
<p>Система управления контентом (англ. Content management system , CMS ) — это компьютерное программное обеспечение, используемое для управления созданием и изменением цифрового контента. CMS обычно используется для управления корпоративным контентом и веб-контентом.</p>
</aside>

Использование CSS для оформления элемента <aside>:

Наша компания много лет занимается разработкой веб-сайтов на WordPress, а также на других CMS.

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

Мы предлагаем разработку от самых простых веб-страниц компаний и до самых сложных, таких как интернет-магазины и маркетплейсы.

Для интернет-магазинов и маркетплейсов мы бесплатно подключаем и настраиваем платежные системы!.

Мы всегда рады сотрудничеству и открыты для любых интересных проектов!


Определение и использование

  • HTML - тег <aside> определяет некоторый контент помимо того, в котором он размещен;
  • Сторонний контент должен быть косвенно связан с окружающим контентом;
  • Содержимое <aside> часто размещается в виде боковой панели документа.

Сноски, комментарии, списки терминов, справочная информация, набор ссылок, кавычки и т. д. — это примеры информации, которая может находиться внутри элемента <aside>.

Этот элемент можно использовать для типографских эффектов для контента, который отделен от основного содержимого страницы. Например, его можно использовать для библиографии, цитат, дополнительных информационных комментариев и т. д.

Примечание: используйте CSS для стилизации элемента <aside> (см. пример выше).

Поддержка <aside> браузерами

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Глобальные атрибуты

Тег <aside> также поддерживает - глобальные атрибуты в HTML

Атрибуты событий

Тег <aside> также поддерживает - атрибуты событий в HTML


Связанные страницы

Руководство по HTML: семантические элементы HTML


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент aside со следующими значениями по умолчанию:

aside {
  display: block;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой