Шпаргалка: Семантический HTML

Главное по теме Семантический HTML

Практический разбор «Семантический HTML» строится вокруг области «тематическая шпаргалка: семантика документа». Для темы «Семантический HTML» предметный результат подтверждается так: отключите CSS и проверить порядок заголовков и областей страницы. Контрольный критерий «Семантический HTML» формулируется так: отключите CSS и проверить порядок заголовков и областей страницы. Шпаргалку «Семантический HTML» можно распечатать или сохранить в PDF через системный диалог печати.

Минимальный шаблон

<article class="card">
  <h2>Семантический HTML</h2>
  <p>Содержимое компонента</p>
</article>

Чек-лист Семантический HTML

• Отключите CSS и проверить порядок заголовков и областей страницы применительно к теме «Семантический HTML»
• Сопоставьте результат «Семантический HTML» с целью «выстроить логичную иерархию содержимого независимо от оформления» и объясните каждое использованное условие
• Повторите проверку «Семантический HTML» с другими данными и убедитесь, что исключён риск: выбор элементов по внешнему виду создаёт неверное дерево документа
• Исключены: Выбор элементов по внешнему виду создаёт неверное дерево документа — это предметный риск для «Семантический HTML»

Как применять шпаргалку

Перенесите тему «Семантический HTML» на небольшом макете и изменяйте по одному условию. После каждого запуска «Семантический HTML» проверяйте: отключите CSS и проверить порядок заголовков и областей страницы. Шпаргалка «Семантический HTML» напоминает последовательность, но не заменяет проверку требований конкретного интерфейса.