Чем HTML5 отличается от HTML4?

HTML5 — это эволюция HTML4, которая решает несколько ключевых проблем старой версии: отсутствие семантики, зависимость от плагинов и слабую поддержку мультимедиа. HTML4 появился в 1997 году и был ориентирован на документы, а не на приложения. HTML5 (2014) создавался для современных веб-приложений.

Основные отличия

• Doctype: в HTML4 нужно было писать длинную строку с DTD, в HTML5 достаточно <!DOCTYPE html>.
• Семантические теги: появились <header>, <nav>, <article>, <section>, <footer> вместо бесконечных <div>.
• Мультимедиа: теги <audio> и <video> без Flash.
• Графика: <canvas> и <svg> для рисования.
• Формы: новые типы input (email, date, range) и атрибуты (placeholder, required).
• API: localStorage, sessionStorage, geolocation, Web Workers.

Пример кода

<!DOCTYPE html>
<html>
<head><title>Пример</title></head>
<body>
  <header>Логотип</header>
  <nav><a href="#">Главная</a></nav>
  <article>
    <h1>Заголовок</h1>
    <video src="movie.mp4" controls></video>
  </article>
  <footer>© 2025</footer>
</body>
</html>

В HTML4 тот же макет потребовал бы div с классами и внешний плеер для видео.

Итог

HTML5 стоит применять всегда для новых проектов: он даёт семантику, встроенную мультимедиа и API, улучшает SEO и доступность. HTML4 сегодня используется только в legacy-системах.