Селектор тегов
Для быстрого выделения и других операций с тегами в Dreamweaver можно использовать селектор тегов. Этот инструмент можно использовать во всех режимах работы — и в текстовом, и в визуальном, и в комбинированном.
Селектор тегов — это набор кнопок, расположенных в нижнем левом углу окна документа (рис. 4.33). Кнопки соответствуют парным тегам, внутри которых находится текущий выделенный объект. Порядок кнопок с обозначениями тегов соответствует их иерархии. Так, если выбрать картинку, которая находится внутри таблицы, то селектор тегов будет отображать следующую цепочку:
<body><table><tr><td><img>
Первым тегом в этом примере идет <body> — это естественно, так как все остальные теги в теле Web-страницы заключаются внутрь него. После него следуют теги <table><tr><td>, соответствующие таблице и ее внутренней разметке. Замыкает цепочку тег <img>. В селекторе тегов он выделен полужирным, так как выделенный объект (картинка) на Web-странице занимает его полностью. Если выделение на странице занимает не все содержимое тега, а только его часть, такой тег в селекторе отображается обычным начертанием, а не полужирным.
Тег <html> в селекторе тегов не указывается, так как считается, что он присутствует всегда.
Если на странице используется разметка с помощью стилей CSS, теги, использующиеся для разметки, отображаются в селекторе как:
<р.StyleName>
где р — обозначение тега, a styleName — имя прикрепленного к нему стиля.
С помощью селектора в визуальном режиме можно быстро определять, какие теги окружают тот или иной объект, а также, какие стили CSS им присвоены. А, кроме того, с селектором тегов в визуальном режиме Dreamweaver можно достичь такой скорости и точности операций, которая и не снилась другим визуальным HTML-редакторам. Рассмотрим по порядку, в чем нам может помочь этот инструмент.
|
Рис. 4.33. Селектор тегов — полоска с тегами в нижнем левом углу окна документа |
