Что такое HTML5 и какие новые теги в нём появились?
Начинаю учить вёрстку, везде пишут «делай на HTML5». Чем HTML 5 отличается от старого HTML и какие теги стоит сразу запомнить?
2 ответа
HTML5 — это современная версия языка разметки, которая стала стандартом примерно с 2014 года. Главные изменения:
1. Упрощённый doctype. Раньше была длинная строка, теперь:
<!DOCTYPE html>
2. Семантические теги. Вместо бесконечных <div class="header"> появились осмысленные элементы:
<header>Шапка сайта</header>
<nav>Меню</nav>
<main>
<article>
<section>Раздел статьи</section>
</article>
<aside>Боковая колонка</aside>
</main>
<footer>Подвал</footer>
Это и для людей читаемее, и для поисковиков с скринридерами понятнее.
3. Мультимедиа без Flash — теги <audio> и <video>.
4. Графика — <canvas> и встроенный <svg>.
5. Новые поля форм — type="email", type="date", type="range", атрибуты placeholder, required.
6. JS-API — localStorage, geolocation, drag-and-drop, Web Workers.
Короче, HTML5 — это разметка + куча браузерных возможностей, которые раньше делались плагинами.
Совет новичку: не лепи <div> на всё подряд. Если контент — это шапка, бери <header>, если навигация — <nav>, если самостоятельная статья — <article>. Семантика бесплатно улучшает доступность и SEO.
