Ошибки в HTML разметке

При разметке контента на странице часто возникают проблемы: забыли закрыть тег; вложили элементы, которые вкладывать нельзя; забыли указать обязательные теги.

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Примеры ошибок</title>
</head>
<body>
    <p>Текст</span> <!-- Закрыли не тот тег -->
    <img src="images.png"> <!-- Не указали обязательный атрибут alt -->
</body>
</html>

В большинстве случаев такие ситуации не страшны. Разработчики браузеров внедряют автоматические проверки кода на ошибки, которые могут привести к нарушению отображения разметки, и при их наличии пытаются автоматически исправить проблему. В простых ошибках такой подход оправдан и позволяет разработчикам не беспокоиться о забытом теге html или body. В сложных же ситуациях такие ошибки могут быть трудно уловимы, и зачастую разработчики долго сидят над кодом и ищут ошибки.

Для решения таких проблем созданы специальные валидаторы HTML разметки. Валидаторы автоматически проверяют код на ошибки. Можно указать ему ссылку на страницу или готовый фрагмент HTML разметки, после чего валидатор выдаст список предупреждений и ошибок. На примере выше валидатор покажет следующие ошибки:

  1. валидатор показывает, что нет тега span, который был открыт ранее,
  2. отсутствие обязательного атрибута alt у тега img.

Распространённым валидатором является валидатор от W3C, его можно найти по ссылке https://validator.w3.org/. Он поддерживает все стандарты HTML, поэтому важно не забывать проверять разметку с его помощью.

Задание

Исправьте ошибки в примере кода из теории. В тексте предполагалось использование тега p, а не span. Вставьте две исправленные строчки в редактор.


Нашли ошибку? Есть что добавить? Пулреквесты приветствуютсяhttps://github.com/hexlet-basics

Упражнение доступно только авторизованным пользователям.

Пожалуйста, авторизуйтесь с помощью учётной записи GitHub, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт на GitHub.