Урок 48. Домашнее задание: Валидация HTML и CSS

📁 Раздел: Качество вёрстки ⏱️ Время изучения: ~70 мин 🎯 Сложность: Средняя

⚡ Кратко

Прогоните одну из своих страниц через W3C Markup Validator и CSS Validator, исправьте минимум три ошибки и опишите, как поймать их раньше — в VS Code с линтером.

Домашнее задание

Задача: Возьмите любую свою страницу из курса, проверьте её через W3C Markup Validator и CSS Validator, исправьте минимум три проблемы и запишите, как ловить такие ошибки раньше — в VS Code с HTMLHint/Stylelint.
1

Проверьте страницу

Откройте validator.w3.org → вкладка Validate by File Upload (или Direct Input) и загрузите HTML. CSS прогоните через jigsaw.w3.org/css-validator. Выпишите все ошибки и предупреждения с номерами строк.

2

Разберите по причине

Для каждой из минимум трёх ошибок запишите: что именно нарушено (незакрытый тег, вложенность, дубль id, нет alt, опечатка в CSS) и чем это грозит пользователю.

3

Исправьте

Внесите минимальные изменения, сохраняя семантику и доступность. Не «глушите» ошибку костылём.

4

Настройте раннюю проверку

Установите в VS Code расширения HTMLHint и Stylelint. Убедитесь, что ошибки теперь видны в панели Problems ещё до открытия браузера.

5

Перепроверьте

Прогоните страницу через валидаторы ещё раз. Цель — пустой список ошибок. Сравните «до» и «после».

Критерий сдачи: список найденных ошибок с причинами, исправленный код и скриншот «зелёного» результата валидатора.

Навигация