Список задач в курсе HTML5: Основы
Исправь семантику заголовков
<p><b>Проблема:</b></p>Основной заголовок оформлен как <code><div></code>, а разделы используют <code><h3></code> сразу после него. Отсутствует тег <code><main></code>.<p><b>Причина:</b></p>Игнорирование <a href="https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Content_categories#sectioning_content" target="_tblank" rel="noopener noreferer">семантических тегов HTML5</a> и правил иерархии заголовков.<p><b>Ожидаемое поведение:</b></p>Первый заголовок — <code><h1></code>, разделы — <code><h2></code>. Основной контент обёрнут в <code><main></code>. Изображение имеет атрибут <code>alt</code>.
Исправь форму с валидацией
<p><b>Проблема:</b></p>Поля формы не имеют <code><label></code>, используют только <code>placeholder</code>. Поле email имеет тип <code>text</code>, нет атрибута <code>required</code>.<p><b>Причина:</b></p>Неправильное использование <a href="https://developer.mozilla.org/ru/docs/Web/HTML/Element/form" target="_tblank" rel="noopener noreferer">HTML-форм</a> и игнорирование встроенной валидации.<p><b>Ожидаемое поведение:</b></p>Каждое поле имеет <code><label></code> с <code>for=id</code>. Email — <code>type="email"</code>. Обязательные поля — <code>required</code>. Кнопка — <code><button type="submit"></code>.
Исправь мета-теги и структуру
<p><b>Проблема:</b></p>Отсутствует атрибут <code>lang</code> у <code><html></code>. Нет <code><meta name="viewport"></code>. Кодировка указана как windows-1251.<p><b>Причина:</b></p>Устаревшие практики и игнорирование стандартов <a href="https://developer.mozilla.org/ru/docs/Web/HTML" target="_tblank" rel="noopener noreferer">HTML5</a>.<p><b>Ожидаемое поведение:</b></p><code><html lang="ru"></code>, <code><meta charset="UTF-8"></code>, <code><meta name="viewport" content="width=device-width, initial-scale=1.0"></code>. Заголовок информативен.