Инспектор тегов

Чтобы перейти в режим работы с Tag Inspector, необходимо:

1. 1. В окне ресурсов открыть вкладку Tag Inspector.
2. 2. В окне документа щелкнуть мышью на том теге, атрибуты которого вы хотели бы изменить (если тег парный, то щелкать следует на открывающем теге).

После этого в нижней части окна ресурсов, отведенной для Tag Inspector, появится имя редактируемого (активного) тега и список его допустимых атрибутов (рис. 3.43).

Рис. 3.43. Формат HomeSite при вызове Tag Inspector

Рассмотрим подробнее интерфейс инспектора тегов (рис. 3.44). В верхней части окна отображается, кроме имени активного тега, собственная панель инструментов Tag Inspector, которая содержит пять кнопок:

• Edit Tag Definitions (Редактировать определение тега) — вызов утилиты редактирования определений тегов;
• Version Specific (Специфическая версия) — вывод информации по специфической версии данного тега (если таковая имеется);
• Categorized (По категориям) - - список атрибутов упорядочивается по категориям; подробнее об этом режиме будет сказано немного позже;
• Alphabetically Z-to-A (В алфавитном порядке от Z к А) — список атрибутов упорядочивается по алфавиту, но в обратном порядке;
• Alphabetically A-to-Z (В алфавитном порядке от А к Z) — список атрибутов упорядочивается по алфавиту в обычном порядке.

Собственно окно инспектора тегов представляет собой список, состоящий из двух столбцов:

• в левом приведен перечень атрибутов, разрешенных для данного тега, а также список событий, поддерживаемых для соответствующего элемента страницы в Dynamic HTML;
• в ячейках правого столбца отображаются значения атрибутов либо (если ячейка сопоставлена событию) - - вид обработчика события.

Рис. 3.44. Интерфейс окна Tag Inspector

Способ ввода значения атрибута зависит от типа атрибута: если для него существуют предопределенные значения, то они могут быть выбраны из раскрывающегося списка, связанного с ячейкой. Чтобы активизировать список, требуется щелкнуть либо в ячейке с именем атрибута, либо в ячейке значения.

Чтобы вставить значение атрибута в код документа, следует нажать клавишу <Entеr>.

Выбор обработчика события несколько сложнее и состоит из двух этапов:

1. 1. Сначала в раскрывающемся списке, связанном с ячейкой правого столбца, требуется выбрать язык сценария (VBScript или JavaScript), как показано на рис. 3.45.
2. 2. Затем в открывшемся дополнительном окне выбрать или ввести имя функции-обработчика (рис. 3.46) и щелкнуть на кнопке ОК.

Рис. 3.45. Выбор языка сценария

Рис. 3.46. Выбор обработчика события

После выполнения описанной процедуры Tag Inspector сгенерирует соответствующий код заголовка сценария и вызов функции-обработчика и поместит их в текст редактируемого документа.

Подробнее о создании интерактивных страниц с помощью HomeSite рассказано в главе Создание интерактивных страниц.

В некоторых случаях удобнее работать со списком атрибутов, упорядоченном по категориям. Чтобы перейти в такой формат, достаточно щелкнуть на кнопке Categorized на панели инструментов инспектора тегов.

В данном случае под категорией атрибута разработчики HomeSite понимают один из следующих признаков (рис. 3.47):

• является атрибут обязательным или нет; если тег может использоваться без атрибутов, то вес его допустимые атрибуты входят в категорию необязательных (Optional); обязательные атрибуты относятся к категории Required; если атрибут является обязательным только для языка HTML, то он входит в категорию Required HTML;
• определен ли атрибут в версии HTML 4.0; если да, то он входит в категорию «HTML 4.0»;
• тип и версия броузера, который поддерживает данный атрибут.

Поскольку приведенные выше признаки не являются взаимоисключающими, то один и тот же атрибут может входить одновременно в несколько категорий (как, например, атрибут WIDTH тега <TABLE>, см. рис. 3.47).

Если редактируемый тег имеет большое количество атрибутов, то для улучшения зрительного восприятия списка атрибутов вы можете свернуть те категории, которые вас не интересуют. Для этого достаточно щелкнуть мышью на кнопочке с символом «-», расположенной возле названия категории.

Рис. 3.47. Упорядочивание атрибутов тега по категориям