MP Web Studio
HTMLБазовый трек
49 / 120

УРОК 49 ИЗ 120

Создайте: дополнительный контент через aside

Отделите связанную, но второстепенную информацию в aside.

Официальный источникWHATWG HTML — asideПроверено: 2026-08-26
ШАГ 1 · ИЗУЧИТЕ

Как это работает

Отделите связанную, но второстепенную информацию в aside. Семантическая структура должна описывать смысл, а не внешний вид.

Правильный пример
<article><h1>Семантический HTML</h1><p>Элементы описывают роль содержимого.</p></article><aside><h2>Смотрите также</h2><p>CSS управляет визуальным оформлением.</p></aside>

aside обозначает косвенно связанный материал, который можно отделить без потери основной идеи.

Частая ошибка
<aside><p>Основная статья находится здесь.</p></aside>

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

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Дополните пример. Отделите связанную, но второстепенную информацию в aside.

ШАГ 3 · СОЗДАЙТЕ

Напишите и посмотрите результат

index.htmlHTML
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено
  • Дополнительная информация использует aside.
  • Aside содержит связанный текст.
Объясните логику решения

Оставьте основную идею в article и перенесите в aside только связанную заметку.