Ответ
HTML (HyperText Markup Language) — это текстовая разметка, которую браузер получает с сервера. DOM (Document Object Model) — это программное представление этой разметки в виде дерева объектов, с которым может взаимодействовать JavaScript.
Браузер парсит HTML и строит DOM-дерево, где каждый тег становится узлом (нодой). Это позволяет динамически изменять структуру и содержимое страницы. Например:
<div id="app"></div>После парсинга станет DOM-узлом, к которому можно обратиться:
const app = document.getElementById('app');
app.innerHTML = 'Hello DOM!';Ключевые отличия:
- HTML — статичный текст
- DOM — живое дерево объектов в памяти браузера
- DOM обновляется при изменениях страницы (через JS)