若要在“文档”窗口的“设计”视图中选择某个元素,通常可以单击该元素。如果元素不可见,必须使其可见后才能选择它。
有些 HTML 代码在浏览器中没有可见的表示形式。例如,comment 标签不会出现在浏览器中。但是,此标签在创建能够选择、编辑、移动和删除这类不可见元素的页面时很有用。
Dreamweaver 使您可以指定在“文档”窗口的“设计”视图中是否显示标记不可见元素位置的图标。为了指明显示哪些元素标记,可以设置“不可见元素”首选参数中的选项。例如,可以指定命名锚记可见,而换行符不可见。
可以使用“插入”面板的“常用”类别中的按钮创建某些不可见元素(如注释和命名锚记)。然后,可以使用“属性”检查器修改这些元素。
选择元素
若要选择“文档”窗口中的可见元素,请单击元素或在元素上拖过。
若要选择某个不可见元素,请选择“查看”>“可视化助理”>“不可见元素”(如果该菜单项尚未选中),然后在“文档”窗口中单击该元素的标记。
有些对象出现在页面上的位置并不是其代码插入的位置。例如,在“设计”视图中,绝对定位的元素(AP 元素)可以位于页面上的任何位置;而在“代码”视图中,用于定义 AP 元素的代码位于固定位置。当不可见元素显示时,Dreamweaver 在“文档”窗口中显示标记以指示这类元素的代码的位置。选择标记时将选择整个元素,例如,选择 AP 元素的标记将选择整个 AP 元素。
若要选择完整的标签(包括其内容,如果有内容),请单击“文档”窗口左下角的标签选择器中的标签。(标签选择器在“设计”视图和“代码”视图中都出现。) 标签选择器总是显示包含当前选择或插入点的标签。最左边的标签是包含当前选择或插入点的最外边的标签。下一个标签包含在那个最外边的标签中,依此类推;最右边的标签是包含当前选择或插入点的最里边的标签。
在下面的示例中,插入点位于段落标签 <p> 中。若要选择包含您要选择的段落的表格,请选择 <p> 标签左侧的 <table> 标签。
查看与所选文本或对象关联的 HTML 代码
执行下列操作之一:
在“文档”工具栏中,单击“显示“代码”视图”按钮。
选择“视图”>“代码”。
在“文档”工具栏中,单击“显示“代码”视图和“设计”视图”按钮。
选择“视图”>“代码和设计”。
选择“窗口”>“代码检查器”。
在两个代码编辑器(“代码”视图或代码检查器)中的任何一个中选择了对象后,该对象通常在“文档”窗口中也被选中。在选定内容出现前,可能需要同步两个视图。
显示或隐藏不可见元素的标记图标
选择“视图”>“可视化助理”>“不可见元素”。
注:显示不可见元素可能会稍微更改页面的布局,将其它元素移动几个像素,因此为了精确布局,请隐藏不可见元素。
设置不可见元素首选参数
使用“不可见元素”首选参数可指定当选择“查看”>“可视化助理”>“不可见元素”时可见的元素种类。