Синтаксис
<head>
...
</head>
Закрывающий тег
Не обязателен.
Атрибуты
profile
Указывает адрес профиля метаданных.
Также для этого тега доступны глобальные атрибуты.
</body>
</html>
Тег <body> соответствует названию самого большого размера <body> Элемент предназначен для хранения содержимого веб-страницы (контента), которая отображается в окне браузера. Информация, которая должна быть выведена в документе, вы должны поместить его внутри контейнера <body>. Эта информация включает в себя текст, изображения, теги, JavaScript и т.д. <body> тег также используется для определения цвета ссылок и текста на веб-странице. Эта практика является устаревшим в HTML 4 и вместо того, чтобы задать цветовую схему, рекомендуется использовать стили, применяя их к корпусу селектора. Тем не менее, большинство атрибутов по-прежнему поддерживаются различными браузерами.Часто клавиши <body> тег используется для встраивания обработчика событий, например OnLoad, который выполняется после того, как документ по окончании загрузки в текущем окне или открытия и закрытия frame. < body> теги на веб-странице не являются обязательными, но хороший стиль является их использование, чтобы определить начало и конец HTML-документа.
<html></html> |
Указывает программе просмотра страниц что это HTML документ. |
12. What of tags corresponds to title of the largest size?
Тег <body> соответствует названию самого большого размера <body> Элемент предназначен для хранения содержимого веб-страницы (контента), которая отображается в окне браузера. Информация, которая должна быть выведена в документе, вы должны поместить его внутри контейнера <body>. Эта информация включает в себя текст, изображения, теги, JavaScript и т.д. <body> тег также используется для определения цвета ссылок и текста на веб-странице. Эта практика является устаревшим в HTML 4 и вместо того, чтобы задать цветовую схему, рекомендуется использовать стили, применяя их к корпусу селектора. Тем не менее, большинство атрибутов по-прежнему поддерживаются различными браузерами.Часто клавиши <body> тег используется для встраивания обработчика событий, например OnLoad, который выполняется после того, как документ по окончании загрузки в текущем окне или открытия и закрытия frame. < body> теги на веб-странице не являются обязательными, но хороший стиль является их использование, чтобы определить начало и конец HTML-документа.
13. How to add a hyperlink to the HTML page.
Как добавить гиперссылку на страницу HTML.
Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.
Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.
Пример
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег А</title>
</head>
<body>
<p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
<p><a href="tip.html">Как сделать такое же фото?</a></p>
</body>
</html>
14.By means of what tags the indexed list becomes.
С помощью какие теги индексированный список становится.
Описание
Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.
<ol>
<li>элемент нумерованного списка</li>
<li>элемент нумерованного списка</li>
</ol>
Пример
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег OL</title>
</head>
<body>
<ol>
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ol>
</body>
</html>
15 By means of what tags the marked list becomes?
Одним из типов списков, реализованных в языке HTML, является маркированный список. Иначе списки такого типа называют ненумерованными или
неупорядоченными. Последнее название часто используется как формальный перевод названия соответствующего тега <UL>, с помощью которого и организуются списки такого типа в HTML-документах (UL — Unordered List, неупорядоченный список).
В маркированном списке для выделения его элементов используются специальные символы, называемые маркерами списка (часто их называют буллетами, что является формальным озвучением английского термина bullet — пуля). Вид маркеров списка определяется браузером, причем при создании вложенных списков браузеры автоматически разнообразят вид маркеров различного уровня вложенности.
Тэги <UL> и <LI>
Для создания маркированного списка необходимо использовать тэг-контейнер <UL> </UL>, внутри которого располагаются все элементы списка. Открывающий и закрывающий тэги списка обеспечивают перевод строки до и после списка, отделяя, таким образом, список от основного содержимого документа, поэтому здесь нет необходимости использовать теги абзаца <P> или принудительного перевода строки <BR>.
Каждый элемент списка должен начинаться тэгом <LI> (LI — List Item, элемент списка). Тег <LI> не нуждается в соответствующем закрывающем тэге, хотя его наличие в принципе не возбраняется. Браузеры обычно при отображении документа начинают каждый новый элемент списка с новой строчки.
Приведенных сведений достаточно для построения элементарного маркированного списка. Приведем пример HTML-документа, использующего маркированный список, отображение которого браузером показано на рис. 2.1.
<HTML>
<HEAD>
<TITLE>Пример маркированного списка</TITLE>
</HEAD>
<BODY>
<UL>
<B>Знаки зодиака:</B>
<LI>Овен
<LI>Телец
<LI>Близнецы
<LI>Рак
<LI>Лев
<LI>Дева
<LI>Весы
<LI>Скорпион
<LI>Стрелец
<LI>Козерог
<LI>Водолей
<LI>Рыбы
</UL>
</BODY>
</HTML>
Рис. 2.1. Отображение браузером маркированного списка
Заметим, что кроме элементов списка, отмечаемых тэгом <LI>, могут присутствовать и другие HTML-элементы. В приведенном выше примере одним из таких элементов является обычный текст, не являющийся пунктом списка, а играющий роль его заголовка.
Примечание
В некоторых учебниках по языку HTML встречается указание, что для задания заголовка списка следует применять тэг-контейнер <LH> (LH — List Header, заголовок списка). В настоящее время этот тег не распознается ни одним из распространенных браузеров и не входит в спецификацию HTML. Таким образом, его применение становится бессмысленным, хотя и не приведет к каким-либо ошибкам.
В тэге <UL> могут быть указаны два параметра: COMPACT и TYPE.
Параметр COMPACT записывается без значений и применяется для указания браузеру, что данный список следует выводить в компактном виде. Например, может быть уменьшен шрифт или расстояние между строчками списка и т. д.
Примечание
В настоящее время наличие параметра COMPACT в тэге <UL> никак не влияет на отображение списков ведущими браузерами. Поэтому применение данного параметра бессмысленно, тем более что его употребление не рекомендуется спецификацией HTML 4.0.
Параметр TYPE может принимать следующие значения: disc, circle и square. Этот параметр используется для принудительного задания вида маркеров списка. Конкретный вид маркера будет зависеть от используемого браузера. Типичными вариантами отображения являются следующие:
TYPE = disc — маркеры отображаются закрашенными кружками; TYPE = circle — маркеры отображаются не закрашенными кружками; TYPE = square — маркеры отображаются закрашенными квадратиками. Пример записи: <UL TYPE = circle>.
Значением, используемым по умолчанию, является TYPE = disc. Для вложенных маркированных списков на первом уровне по умолчанию используется значение disc, на втором — circle, на третьем и далее — square. Именно так делается в последних версиях браузеров Netscape и Internet Explorer. Заметим, что иные браузеры могут иначе отображать маркеры. Например, в спецификации HTML 4.0 для вида маркера, отображаемого при значении TYPE = square, указывается незакрашенный квадратик (square outline).
Параметр TYPE с теми же значениями может употребляться для указания вида маркеров отдельных элементов списка. Для этого параметр TYPE с соответствующим значением разрешено указывать в тэге элемента списка <LI>.
Пример записи: <LI TYPE = circle>.
Примечание
Браузеры по-разному интерпретируют указание вида маркера для отдельного элемента списка. Браузер Netscape изменяет вид маркера для данного и всех последующих, пока не встретится очередное переопределение вида маркера. Браузер Internet Explorer изменяет вид маркера только для данного элемента.
16. How to add the image on the html page?
Для вставки картинок в HTML используется тег IMG с обязательным атрибутом SRC. Этот атрибут указывает браузеру путь к файлу изображения. Т.е. для вставки картинки с названием logo.jpg в определенное место страницы (при условии, что и страница, и картинка расположены в одной папке (каталоге)) нужно в этом месте вставить следующий html-код:
< img src="logo.jpg">
Если картинка и страница расположены в разных каталогах (папках), то нужно указать путь к изображению относительно страницы. Например, если html-страница лежит в каталоге (папке) site, в этом же каталоге (папке) расположен подкаталог (папка) images, в котором и находится наша картинка logo.jpg, то для её вставки нужно написать так:
< img src="images/logo.jpg">
А можно не мучиться и указать полный адрес картинки. Например, так:
< img src="http://www.seoded.ru/image/seoded.png">
В последнем случае браузер отобразит код так:
!
Примечание. Если картинка расположена на вашем компьютере, а вставить вы её хотите на страницу в Интернете, то ничего не выйдет. Для этого картинку нужно сначала переместить в какое-нибудь место в Интернете (например, на файловый хостинг). И указать в коде страницы полный адрес до этого места с картинкой.
Помимо обязательного атрибута SRC у тега IMG есть ещё несколько необязательных атрибутов. Рассмотрим их подробнее.
Указание размеров картинки
Начнём с атрибутов, которые позволяют задать размеры картинки (точнее, застолбить место под эти размеры на страницы). Вот они:
width — ширина картинки в пикселах или процентах;
height — высота картинки в пикселах или процентах.
Если используются эти атрибуты, то браузер сначала выделит место под графику, подготовит макет документа, отобразит текст и только затем загрузит изображение. При этом он поместит картинку в прямоугольник выделенного размера, даже если реальные ширина и высота картинки больше (сожмёт) или меньше (растянет). В случае, когда эти атрибуты не используются, браузер будет грузить картинку сразу, а вывод идущих за ней текста и остальных элементов задержится.
Ширину и высоту изображений можно указывать как в пикселах (при этом размер картинки будет постоянным вне зависимости от разрешения экрана), так и в процентах (размер картинки будет зависить от разрешения экрана пользователя). Например:
< img src="logo.jpg" width="50" height="20">
или
< img src="logo.jpg" width="10%" height="5%">
С помощью уже знакомого тебе атрибута align можно управлять выравниванием картинок относительно других элементов html-страницы. У атрибута align есть несколько значений, но нас больше всего на данный момент интересуют два:
left — изображение располагается у левого края страницы, а текст обтекает картинку справа;
right — изображение располагается у правого края страницы, а текст и другие элементы обтекают картинку слева.
Например, HTML-код
< img src="logo.jpg" align="left"> < p>Это мой аватар на форумах и в различных сервисах< /p>
А этот HTML-код:< img src="logo.jpg" align="right"> < p>Это мой аватар на форумах и в различных сервисах< /p>
Для прекращения обтекания картинки текстом можно использовать тег BR (знакомый нам из прошлого раздела про форматирование текста в HTML). У тега BR есть атрибут clear, который может принимать три значения:
left — прекращение обтекания текстом картинок, выровненных по левому краю;
right — прекращение обтекания текстом картинок, выровненных по правому краю;
all — прекращение обтекание текстом картинок, выровненных и по левому, и по правому краю.
17.How to add the comment to the HTML document?
надлежащим образом прокомментированы HTML разметка является важной частью хорошо построенной веб-страницы. Эти замечания легко добавить, и кто-то приходится работать на код, который сайта в будущем (в том числе себя или членов любой команды вы работаете) будут благодарны вам за эти замечания. Как добавить HTML Комментарии HTML может быть автором с помощью стандартного текстового редактора, например Notepad ++ для Windows, или TextEdit для Ма. Вы можете также использовать веб-дизайн-ориентированные программы, как Adobe Dreamweaver или даже платформу CMS, как Wordpress или ExpressionEngine. Независимо от инструмента, который вы используете для автора HTML, если вы работаете непосредственно с кодом, вы бы добавить HTML-комментарии, как это: Вот как: ">-> Добавьте первую часть HTML тега комментария: <span title="<!-- "><! - После этого открытия кусок комментария, написать любой текст, который вы хотели бы появиться на этот комментарий. Это, вероятно, будет инструкции для вашего или другого разработчика в будущем. Например, если вы хотите указать, где некоторая часть на странице начинается или заканчивается в разметке, вы могли бы использовать комментарий к деталям.
18.What from listed can be a Style sheet element?
Как менять фон в HTML
Фон страницы может быть задан средствами HTML и CSS при указании соответствующих директив в исходном коде документа. Используемые в языках разметки атрибуты поддерживаются большинством современных браузеров и будут корректно отображаться практически у любого посетителя вашего сайта.
Параметр background
Откройте файл вашей страницы HTML для редактирования в используемом вами редакторе. Для этого вы можете кликнуть правой клавишей мыши на документе и выбрать раздел «Открыть с помощью».
Структура HTML-файла представляет собой ряд дескрипторов различного уровня и назначения. Код страницы обычно начинается с тега <html></html>. После него обычно идет секция <head></head>, в которой указывается заголовок страницы и код CSS. После закрытия дескриптора начинается тело страницы <body></body>. Атрибут для задания фонового рисунка страницы выставляется в качестве дополнительного параметра background для данного тега. Код для создания фона страницы будет выглядеть следующим образом: <body background = “путь до файла картинки”> При этом путь до картинки может представлять собой URL (начиная с http://). Размещение может быть задано с корневой директории (/root/folder/background.jpg), так и относительно местоположения редактируемого документа HTML (например, folder/background.jpg). Сохраните произведенные изменения и откройте страницу в браузере. Для этого кликните правой клавишей мыши и выберите «Открыть с помощью». В предложенном списке укажите наименование используемой вами программы для просмотра страниц в интернете. Если параметр background был задан корректно, вы увидите указанную ранее фоновую картинку. Если картинка не отображается, проверьте правильность указания атрибута background и путь до файла фона.
Параметр bgcolor
Чтобы задать цвет фона без картинки, вы можете воспользоваться директивой bgcolor. В качестве значения для данного атрибута вы можете указать название цвета на английском языке или использовать значение цвета в палитре HTML. Например: <body bgcolor = “blue”> Данный код задает странице синий фон. Если вы хотите задать оттенок цвета или более точный цвет, используйте значения HTML-палитры: <body bgcolor=”#002902”> В данном случае #002902 является цветом, который необходимо придать странице.
Атрибуты CSS
Вы также можете задать фон при помощи кода CSS, прописанного в параметрах <body>: <body style=”background-color: #E09255”> При помощи CSS вы можете указать и фоновый рисунок для страницы через background-image: <body style=”background-image: url(путь_до_файла_фона)”> Использование CSS и HTML дает одинаковые результаты, однако задавая параметры отображения страницы предпочтительнее использовать CSS.
19. How to add a code on JavaScript to the HTML page?
Код JavaScript может быть встроен в документ HTML следующими основными способами.
Включение фрагментов сценария внутри элемента script: <script type="text/JavaScript"> ... операторы ... </script> На практике наряду с атрибутом type часто используют и атрибут language="JavaScript" , несмотря на то, в спецификации HTML он объявлен нежелательным. Наличие атрибута language гарантирует выполнение сценария любым браузером, поддерживающим JavaScript. Атрибут language позволяет также задать версию языка, возможности которой задействованы в сценарии, и тем самым ограничить выполенение сценария лишь браузерами, поддерживающими указанную версию. Например, при задании language="JavaScript1.5" сценарий будет выполняться лишь в браузерах, в которых реализована поддержка JavaScript1.5. Элементы script могут содержаться как в разделе head, так и в body. При интерпретации документа они выполняются последовательно. В head, как правило, объявляются и инициализируются глобальные переменные и размещаются описания функций. В body фрагменты сценария обычно реализуют вставку динамически формируемого содержимого, например, вывод случайного изображения или даты последнего изменения документа.
Включение файлов со сценариями JavaScript: <script type="text/JavaScript" src="myFunc.js"></script> Вкключение файлов актуально, если одни и те же функции, объекты, глобальные переменные используются не в одном, а в ряде документов сайта. В таком случае эти файлы (обычно имеющих расширение .js) размещают в разделе head соответствующих документов. Это упрощает поддержку сценариев и позволяет ускорить загрузку за счет кэширования браузером файла с кодом JavaScript.
Определение обработчика события. Обработчики событий, связанных с элементами документа HTML, указываются как атрибуты этих элементов. Список этих атрибутов приведен в разделе "События JavaScript". Значение этих атрибутов может представлять собой любое количество операторов JavaScript, однако обычно обработчики определяются как функции, описанные в элементе script. Ниже приведены два условных примера. <span onClick="this.style.color='red'"> Click me! </span> - в ответ на щелчок мыши текст "Click me!" станет красным.
<img src="jazz.jpg" id="jazz"
onMouseOver="changeImg('rock.jpg')"
onMouseOver="changeImg('jazz.jpg')">
- при наведении / уводе курсора мыши изображение меняется; это реализовано с помощью некоей функции changeImg().
URL типа JavaScript. В гиперсылке можно указать значение атрибута href как псеводпротокол javascript: , после которого идет список инструкций. В этом случае при выборе гиперссылки браузер исполняет код JavaScript. Например выбор гиперссылки
<a href="javascript: window.open('next.htm','newWin','width=300,height=200'); void(0)">
откроем новое окно
</a>
приведет к открытию нового окна 300х200px и загрузке в него документа next.htm. При использовании URL типа JavaScript следует помнить, что если последняя инструкция возвращает какое-то значение, его строковый эквивалент будет выведен в текущий документ, заменив его содержимое. Попробуйте, например, в приведенном выше коде убрать инструкцию void(0). Новое окно, конечно, откроется, но поскольку метод window.open() возвращает значение объектного типа, в исходном документе появится строка [object] или [object Window] (в зависимости от браузера). Чтобы избежать этого, применяют инструкцию void(0), указывающую на неопределенное возвращаемое значение. Определенным недостатком URL типа JavaScript является отображение в статусной не адреса целевого документа, а последовательности инструкций JavaScript, невразумительной для большинства пользователей.
20.How to declare function on JavaScript?
Функции - ключевая концепция в JavaScript. Важнейшей особенностью языка является первоклассная поддержка функций (functions as first-class citizen). Любая функция это объект, и следовательно ею можно манипулировать как объектом, в частности:
передавать как аргумент и возвращать в качестве результата при вызове других функций (функций высшего порядка).
создавать анонимно и присваивать в качестве значений переменных или свойств объектов
Функция в JavaScript
специальный тип объектов, позволяющий формализовать средствами языка определённую логику поведения и обработки данных.
Объявление функций EDIT
Функция должна быть объявлена(определена, define) перед её использованием.
Объявление(определение) функции - указание сигнатуры и тела функции:
сигнатура - имя(необязательно) и список входных формальных параметров
тело функции - комбинация управляющих конструкций и выражений языка над внешними и локальными данными
Объявление пользовательской функции всегда находится в теле некоторой внешней функции-контейнера, которая, в свою очередь, возможно также вложена в некоторую функцию. Цепочка всех таких внешних функций, вложенных друг в друга, образует лексический диапазон функции.
Во избежание оговорок о глобальных переменных и функциях, удобно полагать, что программа на языке JavaScript представляет собой тело неявной функции [[ main]]().
Существует три способа объявить функцию:
В декларативном стиле
Для декларативного объявления функции используется синтаксическая конструкция
function идентификатор(параметры) {
инструкции
return выражение
}
Ключевое слово function
Идентификатор (обязательно).
Список имён формальных параметров (и значений по умолчанию) в круглых скобках разделенных запятыми
тело функции в фигурных скобках вида {}.
Пример. Следующий код объявляет функцию с именем square и параметром number; тело состоит из инструкции return и выражения, которое дословно формализуют следующую логику: "вернуть результат произведения аргумента number на самого себя". :
function square(number) {
return number * number;
}
Особенностью декларативного объявления является его "всплытие"(hoisting) в начало функции, независимо от того в каком месте контейтера оно находится.
В функциональном стиле
Функции также могут быть созданы внутри выражения. Такие функции, как правило, анонимны:
var square = function(number) {
return number * number;
}
Но могут иметь определённое имя. (это имя удобно использовать для рекурсии, или в отладчике(debugger)):
var factorial = function fac(n) {return n<2 ? 1 : n*fac(n-1)};
print(factorial(3));
В стиле ООП
Учитывая то, что функция по сути является объектом, можно использовать оператор new и Function конструктор чтобы создавать функции динамически во время выполнения (подобно тому как это делает eval()).
Однако такого подхода следует избегать из соображений производительности и безопасности.
21. How in JavaScript function invocation of f looks (x)?
Для того, чтобы загрузить в странице браузера, посетитель работал какой-либо функции, написанный на JavaScript, в исходном HTML-коде должен быть установлен соответствующий код вызова. Он должен быть назначен к любому элементу, размещенном на странице, и привязан к какому-то событию, которое может произойти с этим элементом.
<script> function testFunction() { alert('Функция сработала!') }testFunction() </script>
22. HTML DOM
DOM (от англ. Document Object Model — «объектная модель документа») — это не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML-, XHTML- и XML-документов, а также изменять содержимое, структуру и оформление таких документов.
Модель DOM не накладывает ограничений на структуру документа. Любой документ известной структуры с помощью DOM может быть представлен в виде дерева узлов, каждый узел которого представляет собой элемент, атрибут, текстовый, графический или любой другой объект. Узлы связаны между собой отношениями «родительский-дочерний».
Изначально различные браузеры имели собственные модели документов (DOM), несовместимые с остальными. Для обеспечения взаимной и обратной совместимости, специалисты международного консорциума W3C классифицировали эту модель по уровням, для каждого из которых была создана своя спецификация. Все эти спецификации объединены в общую группу, носящую название «W3C DOM».
Ещё один интерфейс прикладного программирования, называемый «JDOM», обеспечивает более высокий, чем «W3C DOM», уровень для работы с XML-документами на Java.
DOM, или объектная модель документов (Document Object Model), является способом моделирования HTML-документов. В рамках этой модели обеспечивается возможность доступа, навигации и манипулирования HTML-документами. DOM обеспечивает полный контроль над документом, предоставляя полный доступ и позволяя модифицировать содержимое документа.
Объектная модель документов представляет документ в виде дерева. Структура такого дерева полностью описывает весь HTML-документ, представляя каждый тег и его текстовое содержимое в виде узла дерева. В этом дереве определены отношения "родительский", "дочерний" и "родственный", позволяющие обойти всё дерево, т.е. весь HTML-документ. С помощью DOM можно манипулировать деревом документа любым требуемым образом, создавая новые узлы, удаляя существующие узлы и перемещая узлы в рамках дерева. Это эквивалентно добавлению новых, удалению и перемещению существующих тегов HTML и их текстового наполнения.
Имея дело с современными браузерами, вы можете быть уверены в полной поддержке DOM. Мы будем рассматривать DOM с позиций скриптописательства на базе Windows Script Host, поэтому нам в первую очередь интересен COM-объект "InternetExplorer.Application", который доступен через механизм OLE Automation. Этот объект предоставляет функциональность всего браузера, включая меню, панели инструментов, строку состояния и прочее, и находится в библиотеке "Microsoft Internet Controls" (shdocvw.dll в каталоге system32).
Структура DOM представляет собой иерархию объектов, похожую на объектую иерархию JavaScript или любого другого объектно-ориентированного языка. DOM предлагает свой полезный API, не привязанный к какому-либо конкретному языку программирования. Конечно же, в этой статье нет исчерпывающего перечня всех свойств и методов DOM. Полную информацию по этому вопросу вы можете почерпнуть на веб-узле Microsoft в библиотеке MSDN.
Что такое HTML DOM
HTML DOM расшифровывается HTML Document Object Model (Объектная Модель HTML Документа).
HTML DOM позволяет читать и изменять содержимое HTML элементов страницы из скриптов.
HTML DOM может использоваться со многими языками программирования, но наиболее часто DOM используют в связке с JavaScript.
HTML DOM является W3C стандартом, поэтому все современные браузеры поддерживают данную технологию.
Реализация DOM в веб-браузерах
Учитывая существование различных реализаций DOM в веб-браузерах — среди программистов распространена привычка сперва проверять работоспособность тех или иных возможностей DOM для каждого конкретного браузера и только потом использовать их. Код ниже иллюстрирует способ проверки на поддержку стандартов «W3C DOM» — перед тем, как запустить код, зависящий от результата этой проверки.
if (document.getElementById && document.getElementsByTagName) {
// если методы getElementById и getElementsByTagName
// доступны, то можно относительно точно предположить поддержку W3CDOM.
obj = document.getElementById("navigation")
// далее идёт другой код с использованием возможностей W3CDOM.
// ….
}
Уровни W3C DOM
Текущим уровнем спецификаций DOM является Уровень 2, но тем не менее некоторые части спецификаций Уровня 3 являются рекомендуемыми W3C.
Уровень 0
Включает в себя все специфические модели DOM, которые существовали до появления Уровня 1, например, document.images, document.forms, document.layers и document.all. Необходимо обратить внимание, что эти модели формально не являются спецификациями DOM, опубликованными W3C, а скорее являются информацией о том, что существовало до начала процесса стандартизации.
Уровень 1
Базовые функциональные возможности DOM (HTML и XML) в документах, такие как получение дерева узлов документа, возможность изменять и добавлять данные.
Уровень 2
Поддержка так называемого пространства имён XML <--filtered views--> и событий.
Уровень 3
Состоит из шести различных спецификаций:
DOM Level 3 Core;
DOM Level 3 Load and Save;
DOM Level 3 XPath;
DOM Level 3 Views and Formatting;
DOM Level 3 Requirements;
DOM Level 3 Validation.
Эти спецификации являются дополнительными расширениями DOM.