HTML5 как открытая веб-платформа базируется на взаимодействии различных стандартов и технологий:
- HTML5 (Semantic, Structure, API): Определяет структуру контента и предоставляет набор API для манипуляций с документами и взаимодействия с браузером (например, Geolocation API, Drag and Drop API).
- CSS3: Определяет внешний вид элементов, их позиционирование и анимацию.
- JavaScript (ECMAScript): Язык программирования для добавления динамического поведения на страницы, взаимодействия с DOM и выполнения асинхронных операций.
- DOM (Document Object Model): Программный интерфейс для доступа и манипуляции с HTML-документом как деревом объектов.
- Web APIs: Обширный набор интерфейсов для доступа к функциям устройства и браузера (например, Local Storage, Web Workers, WebSockets).
Основные элементы HTML5:
- Структурные элементы:
<article>, <aside>, <nav>, <section>, <footer>, <header>, <main> - для создания семантичной структуры страницы.
- Мультимедийные элементы:
<audio>, <video>, <canvas>, <svg> - для встраивания и работы с мультимедиа и графикой.
- Элементы форм:
<form>, <input> (с новыми типами типа email, url, date), <textarea>, <select>, <button> - для создания интерактивных форм.
- Новые семантические элементы:
<figure>, <figcaption>, <mark>, <time>, <progress>, <meter> - для более точного описания контента.
- Атрибуты: Новые атрибуты, такие как
data-* для пользовательских данных, async и defer для загрузки скриптов.
html
javascript