2.3. Ієрархія dom

HTML і інші подібні мови мають ієрархічну структуру. Структура ієрархічної системи нагадує піраміду: кожен об'єкт пов'язаний з об'єктами, розташованими нижче. Ієрархічні системи часто зустрічаються в повсякденному житті. Так, ієрархічною системою є армія; у ній на верхніх поверхах піраміди знаходяться генерали, а на нижніх поверхах - солдати. Ієрархічну структуру має файлова система; у теці можуть міститися файли і підтеки.

DOM є ієрархічною структурою. DOM - це набір логічних правил, згідно яким створюються прикладні програми у Web. У застосуванні до браузерів DOM описує HTML-елементи і поєднання HTML-елементів, а також створює стандартний інтерфейс, який забезпечує виконання HTML-елементами певних дій, незалежно від навігатора або платформи.

У ієрархії DOM - HTML-документ є об'єктом, а дескриптори - властивостями цього об'єкту. HTML-дескриптори, у свою чергу, можуть розглядатися як об'єкти (підпорядковані об'єкту документа), що мають власні властивості.

Для наглядного представлення Web-сторінку треба уявити у вигляді дерева елементів документа (рис. 4) [4].

Рис. 5. Графічне представлення Web-сторінки у вигляді дерева елементів

Кожний елемент даного дерева відповідає елементу HTML і, отже, має тег(і), вміст і набір атрибутів. Для переходу до об'єктної моделі документа необхідно: назвати всі елементи дерева об'єктами, а їх атрибути зробити доступними для читання й для зміни зі сценаріїв і аплетів. У результаті дерево елементів HTML-документа стає динамічно керованим; більше того, тепер можна кожному елементу додавати нові властивості, крім стандартних атрибутів HTML.

Такий підхід був покладений за основу динамічної моделі HTML оглядачів (браузерів) Microsoft, а потім прийнятий за основу стандартів W3C, що отримали назву об'єктна модель документа DOM. При цьому W3C розширив поняття DOM на будь-які XML-документи, розглядаючи HTML DOM як спеціалізований окремий випадок з додатковими можливостями. Таким чином, DOM - це модель HTML- і XML-документів, яка є незалежною від платформи й мови програмування і визначає:

• інтерфейси й об'єкти, які використовуються для подання документа й маніпулювання їм;

• семантику цих інтерфейсів і об'єктів, включаючи їх атрибути й реакцію на події;

• взаємозв'язки між цими інтерфейсами й об'єктами.

На теперішній день консорціум W3C стандартизував DOM першого й другого рівнів (DOM 1 і DOM 2); у стадії робочого проекту перебуває DOM 3. Ці абревіатури відповідно позначають наступне:

• DOM 1 описує базове представлення XML- і HTML-документів у вигляді дерев об'єктів;

• DOM 2 розширює базові інтерфейси DOM 1 і додає до них підтримку подій і стилів;

• DOM 3 описує завантаження й синтаксичний аналіз документів, а також їх відображення й форматування.

Даний підхід дозволяє використовувати мови програмування при створенні Web-документа, наприклад, JavaScript, і забезпечувати контроль за поведінкою Web-сторінки. DOM дозволяє пов'язувати з будь-яким елементом сценарії. Дії, що виконуються сценарієм, поставленим у відповідність елементу, можуть розглядатися як дії цього елементу.