Dreamweaver CC教程:选择元素

Dreamweaver CC教程:选择元素

Dreamweaver CC教程:选择元素

在 Dreamweaver 中选择和查看元素,显示或隐藏不可见元素的标记图标和设置不可见元素的首选参数。
若要在“文档”窗口的“设计”视图中选择某个元素,通常可以单击该元素。如果元素不可见,必须使其可见后才能选择它。
有些 HTML 代码在浏览器中没有可见的表示形式。例如,comment 标签不会出现在浏览器中。但是,此标签在创建能够选择、编辑、移动和删除不可见元素的页面时很有用。
Dreamweaver 可以指定在“文档”窗口的设计视图中是否显示标记不可见元素位置的图标。为了指明显示哪些元素标记,可以设置“不可见元素”首选参数中的选项。例如,可以指定命名锚记可见,而换行符不可见。
您可以创建某些不可见元素(如注释和命名锚记)并使用“首选参数”>“不可见元素”对话框来修改这些元素。
选择元素

若要选择“文档”窗口中的可见元素,请单击元素或在元素上拖过。 若要选择某个不可见元素,请在设计视图中,选择“视图”>“设计视图选择”>“可视化助理”>“不可见元素”(如果该菜单项尚未选中),然后在“文档”窗口中单击该元素的标记。

有些对象出现在页面上的位置并不是其代码插入的位置。例如,在“设计”视图中,绝对定位的元素(AP 元素)可以位于页面上的任何位置;而在“代码”视图中,用于定义 AP 元素的代码位于固定位置。当不可见元素显示时,Dreamweaver 在“文档”窗口中显示标记以指示这类元素的代码的位置。选择标记时将选择整个元素,例如,选择 AP 元素的标记将选择整个 AP 元素。

若要选择完整的标签(包括其内容,如果有内容),请单击“文档”窗口左下角的标签选择器中的标签。(标签选择器在“设计”视图和“代码”视图中都出现。) 标签选择器总是显示包含当前选择或插入点的标签。最左边的标签是包含当前选择或插入点的最外边的标签。下一个标签包含在那个最外边的标签中,依此类推;最右边的标签是包含当前选择或插入点的最里边的标签。

 

推荐阅读