Codebra
25 января 2026 в 16:29

Урок 53. Еще отличия HTML5 от HTML4

Отличия HTML5 от HTML4. Что изменилось в ссылках, элементе cite и span. Онлайн уроки по HTML5 и CSS3.
📝

Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.

Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.

Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.

📋 Задание
  • Упростите код (сейчас ссылки указаны в стиле HTML4, исправьте на манер HTML5).

В предыдущем уроке мы подробно изучили семантические и структурные теги в HTML5. В этом уроке поговорим еще о некоторых особенностях HTML5.

Об элементе <small> в HTML5

В HTML5 тег <big> стал устаревшим, а тег <small> остался актуальным. С одной стороны, это странно, но с другой, ранее элемент <small> использовался для того, чтобы уменьшить шрифт. Сейчас тег <small> используется для выделения «семантического значения», например, мелкий шрифт каких-нибудь условий (банков, например).

То есть назначение элемента <small> несильно поменялось: было для оформления, стало для семантики (и оформления).

Отличия HTML5 ссылок от HTML4

Ранее нельзя было выделять сразу несколько элементов ссылкой, то есть приходилось в HTML4 писать так, как в первом примере:

<a href = "/pages"><h1>Заголовок</h1></a>
<a href = "/pages"><p>Абзац</p></a>

В HTML5 стало можно делать так:

<a href = "/pages">
    <h1>Заголовок</h1>
    <p>Абзац</p>
</a>

Этот урок только для справки. Выполните практическое задание и переходите к уроку про canvas.

📝

Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.