Dreamweaver CC教程:链接到文档中的特定位置

Dreamweaver CC教程:链接到文档中的特定位置

链接到文档中的特定位置
通过首先创建命名锚点,可使用属性检查器链接到文档的特定部分。命名锚点使您可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚点的链接,这些链接可快速将访问者带到指定位置。
创建到命名锚点的链接的过程分为两步。首先,创建命名锚点,然后创建到该命名锚点的链接。
创建锚点
1、在“文档”窗口中,选择并突出显示要设置为锚点的项目。
2、打开属性检查器并检查所选项目是否具有 ID。如果 ID 字段为空,请添加 ID。例如,锚点。
创建锚点
创建锚点

添加 ID 后,请注意代码所发生的更改。id="<ID name>" 已插入您选择的代码中。
代码中的锚点 ID
添加用于链接的锚点

链接回锚点
1、在“文档”窗口的“设计”视图中,选择要从其创建链接的文本或图像。
2、在属性检查器的“链接”框中,键入一个数字符号 (#) 和锚点名称。例如,若要链接到当前文档中名为“top”的锚点,请键入 #top。若要链接到同一文件夹内其他文档中的名为“top”的锚点,请键入 filename.html#top。
注意:
锚点名称区分大小写。
使用指向文件方法链接到命名锚点
1、打开包含对应命名锚点的文档。
注意:
如果您未看到锚点,可从“设计”视图中,选择“视图”>“设计视图选项”>“可视化助理”>“不可见元素”以使锚点可见。
2、在“文档”窗口的“设计”视图中,选择要从其创建链接的文本或图像。(如果这是其他打开文档,则必须切换到该文档。)
3、执行下列操作之一:

单击属性检查器中“链接”框右侧的“指向文件”图标 (目标图标),然后将它拖到要链接到的锚点上:可以是同一文档中的锚点,也可以是其他打开文档中的锚点。 在“文档”窗口中,按住 Shift 将所选文本或图像拖至要链接到的锚点:可以是同一文档中的锚点,也可以是另一打开的文档中的锚点。

 

推荐阅读