Какой функционал у HTML5 API

«Какой функционал у HTML5 API» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

HTML5 API включает множество возможностей для улучшения взаимодействия с пользователем и работы с мультимедиа:

  • Canvas – рисование графики и анимации через JavaScript.
  • Geolocation – получение местоположения пользователя.
  • Web Storage (localStorage, sessionStorage) – хранение данных на клиенте.
  • Web Workers – выполнение скриптов в фоновом потоке.
  • Drag and Drop – перетаскивание элементов на странице.
  • WebSockets – двусторонняя связь с сервером в реальном времени.
  • History API – управление историей браузера (например, pushState).
  • Media API – встраивание аудио и видео (<audio>, <video>).

Пример с Canvas:

const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');
ctx.fillStyle = 'red';
ctx.fillRect(10, 10, 100, 100);