Разметка — чертёж. DOM — то, что браузер по нему строит
Разметка — что пишете вы
<article class="post"> <h1>Привет, DOM</h1> <p>Браузер читает разметку и строит <strong>дерево</strong>.</p> <ul> <li>узел-элемент</li> <li>узел-текст</li> </ul> </article>
DOM — что строит браузер
0
элементов
0
текстовых узлов
0
уровней вложенности