<div> <input name="name" type="text" value="Значение поля" /> <div class="fields"> <input name="surname" type="text" value="Фамилия" /> <input name="age" type="text" value="25" /> </div> </div> <span id="name">Моё имя</span>
DOM
DOM - всего три буквы,которые наверняка ассоциируются домом или с игрой "дум".
На самом деле-это не так. DOM - ни что иное, как Document Object Model. То есть модель документа, представленная в виде объекта. Каждый элемент этого объекта также может быть объектом.
С ними можно работать, например изменять их динамически, с помощью JavaScript.(пример работы с элементами на jQuery)
Приведём простой пример:
Такой html код можно считать DOM деревом. Элементы div, span и input - являются элементами этого дерева.
Можно обратиться к любому элементу DOM дерева. Например к полю ввода с именем age. Или сказать что элемент div с классом fields также является объектом, и содержит в себе ещё два элемента типа input.
Каждый элемент может аттрибуты, и некоторые элементы могут содержать в себе другие элементы.
Такое DOM дерево понятно каждому интернет браузеру, и он интерпретирует его в разметку,понятную человеку.
Правильно "сформированное дерево" + "стили" - называют кроссбраузерной вёрсткой.
Вот собственно и всё, ничего сложного.