Контроль тегов с помощью Tag Inspector
С появлением нового средства — Tag Inspector (Инспектор тегов) — все Web-дизайнеры получили очень хорошее средство для контроля кода и поиска ошибок. Им можно пользоваться как в визуальном, так и в кодовом режиме работы Dreamweaver. Но, конечно, наибольший интерес он представляет именно для тех, чья задача — правка и чистка кода.
Откройте панель Tag Inspector с помощью команды меню Window | Tag Inspector или "горячей" клавиши <F9>. Инспектор тегов состоит из двух частей (рис. 4.26). В верхней части представлена структура тегов текущего документа. Это, так сказать, скелет нашей Web-страницы, который ясно показывает все используемые теги и отношения между ними.
Теги, содержащие вложения, такие как html или body, помечаются квадратиком, щелкая по которому, можно сворачивать или разворачивать содержимое тегов. Вложенные теги смещаются с небольшим отступом вправо относительно "родительских" тегов. В общем, это напоминает работу с папками и файлами в Проводнике Windows или в любой другой программе, где используются древовидные структуры.
|
Рис. 4.26. Панель Tag Inspector |
Благодаря тому, что не надо отвлекаться на содержимое и атрибуты тегов, можно быстро просмотреть и проверить правильность даже большого
HTML-документа. При этом можно взять на заметку следующие приемы, облегчающие работу:
□ щелчок по тегу в Tag Inspector приводит к выделению тега в исходном коде страницы;
□ щелчок по тегу в исходном коде приводит к его выделению в Tag Inspector.
Но на этом функции Tag Inspector не ограничиваются. С его помощью можно быстро редактировать атрибуты тегов. Выделите щелчком любой тег (либо в инспекторе тегов, либо в исходном коде) и посмотрите на нижнюю часть панели Tag Inspector. В ней отображаются все возможные атрибуты данного тега. Это очень удобно — не надо вспоминать, не надо делать ошибки, набирая их вручную. Рядом с каждым атрибутом расположено поле его значения. Если щелкнуть на этом поле и ввести данные, атрибут автоматически добавится в тег. А если наоборот, удалить атрибут с помощью клавиши <Delete> или клавиши <Backspace> и нажать клавишу <Enter>, то данный атрибут автоматически исчезнет из тега. Возьмите себе это на вооружение, и ваши коллеги будут удивляться скорости, с которой вы редактируете атрибуты тегов!