Dreamweaver CC教程:选择元素
Dreamweaver CC教程:选择元素
在 Dreamweaver 中选择和查看元素,显示或隐藏不可见元素的标记图标和设置不可见元素的首选参数。
若要在“文档”窗口的“设计”视图中选择某个元素,通常可以单击该元素。如果元素不可见,必须使其可见后才能选择它。
有些 HTML 代码在浏览器中没有可见的表示形式。例如,comment 标签不会出现在浏览器中。但是,此标签在创建能够选择、编辑、移动和删除不可见元素的页面时很有用。
Dreamweaver 可以指定在“文档”窗口的设计视图中是否显示标记不可见元素位置的图标。为了指明显示哪些元素标记,可以设置“不可见元素”首选参数中的选项。例如,可以指定命名锚记可见,而换行符不可见。
您可以创建某些不可见元素(如注释和命名锚记)并使用“首选参数”>“不可见元素”对话框来修改这些元素。
选择元素
有些对象出现在页面上的位置并不是其代码插入的位置。例如,在“设计”视图中,绝对定位的元素(AP 元素)可以位于页面上的任何位置;而在“代码”视图中,用于定义 AP 元素的代码位于固定位置。当不可见元素显示时,Dreamweaver 在“文档”窗口中显示标记以指示这类元素的代码的位置。选择标记时将选择整个元素,例如,选择 AP 元素的标记将选择整个 AP 元素。
若要选择完整的标签(包括其内容,如果有内容),请单击“文档”窗口左下角的标签选择器中的标签。(标签选择器在“设计”视图和“代码”视图中都出现。) 标签选择器总是显示包含当前选择或插入点的标签。最左边的标签是包含当前选择或插入点的最外边的标签。下一个标签包含在那个最外边的标签中,依此类推;最右边的标签是包含当前选择或插入点的最里边的标签。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:在代码视图中预览图像和颜色
Dreamweaver CC教程:在代码视图中预览图像和颜色,图像,教程,视...
-
Dreamweaver CC教程:提取 JavaScript
Dreamweaver CC教程:提取 JavaScript,文件,选择,脚本,教程,文...
-
Dreamweaver CC教程:设置 PHP 首选参数
Dreamweaver CC教程:设置 PHP 首选参数,教程,站点,参数,设置,...
-
Dreamweaver CC教程:分析代码
Dreamweaver CC教程:分析代码,教程,支持,红色,错误,显示,检查,...
-
Dreamweaver CC教程:自定义代码主题
Dreamweaver CC教程:自定义代码主题,自定义,教程,选择,默认,主...
-
Dreamweaver CC教程:用多个光标添加或更改文本
Dreamweaver CC教程:用多个光标添加或更改文本,光标,更改,文本...
-
Dreamweaver CC教程:启用linting并指定linting规
Dreamweaver CC教程:启用linting并指定linting规则,启用,文件,...
-
Dreamweaver CC教程:清理代码
Dreamweaver CC教程:清理代码,清理,删除,文档,教程,标签,用于,...
-
Dreamweaver CC教程:在“设计”视图中
Dreamweaver CC教程:在“设计”视图中编写和编辑脚...
-
Dreamweaver CC教程:编辑服务器端包含的内容
Dreamweaver CC教程:编辑服务器端包含的内容,服务器端,教程,检...
-
Dreamweaver CC教程:编辑代码片段
Dreamweaver CC教程:编辑代码片段,代码片段,教程,字段,对话框,...
-
Dreamweaver CC教程:验证 XML 文档
Dreamweaver CC教程:验证 XML 文档,文档,验证,教程,浏览器,报...
-
Dreamweaver CC教程:如何充分利用代码片段
Dreamweaver CC教程:如何充分利用代码片段,代码片段,教程,编码...