Урок 48. Задания: Валидация HTML и CSS

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

⚡ Кратко

Найдите ошибки в коде ниже, исправьте их и проверьте результат через W3C Validator. Решения — на странице «Решения».

Задания

Задание 1. Найти ошибки в HTML

В этом фрагменте минимум три ошибки валидности. Выпишите их и объясните, какую проблему каждая создаёт.

📄 task1.html
<section>
  <p>Наша команда
    <div id="lead">Анна</div>
    <img src="anna.jpg">
  <p id="lead">Контакты</p>
</section>

Задание 2. Найти ошибку в CSS

Почему текст не становится синим? Найдите опечатку, которую покажет CSS Validator.

📄 task2.css
.title {
  font-wieght: 700;
  colour: #2563eb;
}

Задание 3. Чеклист перед сдачей

Составьте короткий чеклист валидности и доступности (5–7 пунктов), который можно прогонять перед каждой сдачей проекта. Подсказка: незакрытые теги, вложенность, уникальность id, alt у картинок, связь label и поля, прогон через W3C Validator и линтер.

Задание 4. Проверить реальную страницу

Возьмите любую свою прошлую работу из курса, прогоните её через validator.w3.org и CSS Validator. Запишите, сколько нашлось ошибок и предупреждений.

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

Навигация