DTD HTML определяет правила построения HTML-документа синтаксис элементов разметки и их возможное взаимное расположение Если взгля нуть на документ как на множество объектов которые ассоциируются с элементами разметки то DTD будет задавать иерархию классов этих объектов 
Логическая структура документа определяет отношения объектов между собой Существует по крайней мере две модели объектов документа модель JavaScript и DOM Первая поддерживается с некоторыми оговорками практически всеми наиболее популярными браузерами Вторая только претендует на роль стандарта и должна в будущем поддерживаться всеми браузерами 
Отношения отдельных объектов между собой сводятся главным образом к отношениям типа часть-целое а структура документа представляет собой дерево В роли остова выступает дерево блочных элементов разметки документа Затем на этот остов накладываются строчные элементы и стили Кроме того у документа существует поддерево классов объектов документа определяемое в DTD Изменение свойств класса приводит к изменению свойств всех объектов данного класса 
Следует отметить что логическая структура на рис 2 гораздо ближе к модели данных Internet Explore чем к JavaScript Тем не менее IE поддерживает модель JavaScript за исключением слоев а в новой версии Netscape Navigator обещана поддержка DOM которая совпадает с моделью IE