Продвинутый

HTML · Уверенный уровень - продвинутые паттерны и производительность

• Доступность: alt, иерархия заголовков и ARIAОсвой альтернативный текст, иерархию заголовков, по которой скринридеры действительно могут перемещаться, и использование ARIA только там, где нативного HTML не хватает.
• Продвинутые формы и нативная валидацияИспользуй required, pattern, inputmode и Constraint Validation API, чтобы получить надёжные формы без единой внешней библиотеки.
• Адаптивные изображения: srcset, sizes и pictureОтдавай нужное изображение нужному экрану с помощью srcset и sizes, оставляй picture для художественной адаптации и освой ленивую загрузку.
• Техническое SEO: Open Graph и структурированные данныеУправляй тем, как твои страницы выглядят в превью в соцсетях, с помощью Open Graph и нацеливайся на расширенные результаты через schema.org в формате JSON-LD.
• Производительность загрузки: defer, async, preload и prefetchУправляй порядком выполнения скриптов через defer и async, а затем направляй сеть с помощью preload, preconnect и prefetch.