在 Adobe Dreamweaver 中使用页面的文件头内容

优质
小牛编辑
134浏览
2023-12-01
在 Dreamweaver 网页中查看和编辑内容、设置 meta 属性和页面标题、指定页面的关键字和说明等等。

页面包含一些描述页面中所包含信息的元素,搜索浏览器可使用这些信息。您可以设置 head 元素的属性来控制标识页面的方式。

查看和编辑文件头内容

可以在“代码”视图中或使用代码检查器查看文档的 head 部分中的元素。

将元素插入文档的 head 部分

  1. 从“插入”>“HTML”中选择 head 标签。
  2. 在出现的对话框中或在属性检查器中输入元素的选项。

编辑文档的文件头部分中的元素

可以通过在“代码”视图中或属性检查器中直接输入代码来编辑 Head 元素。

要使用属性检查器编辑 head 部分中的元素,请执行以下操作:

  1. 在 DOM 面板(“窗口”>“DOM 面板”)中选择 head 元素。 

    属性检查器会显示选定元素的属性。

  2. 在属性检查器中设置或修改元素的属性。

设置页面的 meta 属性

meta 标签是记录当前页面的相关信息(例如字符编码、作者、版权信息或关键字)的 head 元素。这些标签也可以用来向服务器提供信息,例如,页面的失效日期、刷新间隔和 POWDER 等级。(POWDER 是 Web 描述资源协议,它提供了为网页指定等级的方法,例如,电影等级。)

添加 meta 标签

  1. 选择“插入”>“HTML”>“Meta”。
  2. 在出现的对话框中指定属性。

编辑现有 meta 标签

可以通过在“代码”视图中或属性检查器中直接输入代码来编辑 meta 元素。

要使用属性检查器编辑 meta 部分中的元素,请执行以下操作:

  1. 在 DOM 面板(“窗口”>“DOM 面板”)中选择 head 元素。 

    属性检查器会显示选定元素的属性。

  2. 从 DOM 面板中选择 meta 标签。
  3. 在属性检查器中指定属性。

    属性

    指定 meta 标签是否包含有关页面的描述性信息 (name) 或 HTTP 标头信息 (http-equiv)。

    指定您要在此标签中提供的信息的类型。有些值(如 description、keywords 和 refresh)是已经定义好的,而且在 Dreamweaver 中有它们各自的属性检查器,但是您可以根据实际情况指定任何值,例如 creationdate、documentID 或 level 等。

    内容

    指定实际的信息。例如,如果为“值”指定了等级,则可以为“内容”指定 beginner、intermediate 或 advanced。

设置页面标题

只有一个标题属性:页面的标题。可以使用以下方法之一编辑页面标题:

  • 直接在代码中编辑标题(在“代码”视图中)
  • 在 DOM 面板中选择标题标签,然后在属性检查器中编辑标题

指定页面的关键字

许多搜索引擎装置(自动浏览网页为搜索引擎收集信息以编入索引的程序)读取关键字 meta 标签的内容,并使用该信息在它们的数据库中将您的页面编入索引。因为有些搜索引擎对索引的关键字或字符的数目进行了限制,或者在超过限制的数目时它将忽略所有关键字,所以最好只使用几个精心选择的关键字。

添加关键字 meta 标签

  1. 选择“插入”>“HTML”>“关键字”。
  2. 在显示的对话框中指定关键字,以逗号隔开。

编辑关键字 meta 标签

可以使用以下方法之一编辑关键字 meta 说明:

  • 直接在代码中编辑关键字(在“代码”视图中)
  • 在 DOM 面板中选择关键字的 meta 标签,然后在属性检查器中查看、修改或删除关键字。

注意:必须使用逗号隔开关键字。

指定页面说明

许多搜索引擎装置(自动浏览网页为搜索引擎收集信息以编入索引的程序)读取说明 meta 标签的内容。有些使用该信息在它们的数据库中将您的页面编入索引,而有些还在搜索结果页面中显示该信息(而不只是显示文档的前几行)。某些搜索引擎限制其编制索引的字符数,因此最好将说明限制为少量几个字(例如 Pork barbecue catering in Albany, Georgia 或 Web design at reasonable rates for clients worldwide)。

添加说明 meta 标签

  1. 选择“插入”>“HTML”>“说明”。
  2. 在显示的对话框中输入说明性文本。

编辑说明 meta 标签

可以使用以下方法之一编辑 meta 说明:

  • 直接在代码中编辑说明(在“代码”视图中)
  • 在 DOM 面板中选择说明的 meta 标签,然后在属性检查器中编辑说明。

设置页面的刷新属性

使用刷新元素可以指定浏览器在一定的时间后应该自动刷新页面,方法是重新加载当前页面或转到不同的页面。该元素通常用于在显示了说明 URL 已改变的文本消息后,将用户从一个 URL 重定向到另一个 URL。

添加刷新 meta 标签

  1. 选择“插入”>“HTML”>“Meta”。
  2. 在显示的对话框指定属性,如下所示:

    属性

    指定 meta 标签包含 HTTP 标头信息 (http-equivalent)。

    指定您要在此标签中提供的信息的类型为刷新。

    内容

    指定在浏览器刷新页面之前需要等待的时间(以秒为单位)。若要使浏览器在完成加载后立即刷新页面,请在该框中输入 0。

编辑刷新 meta 标签

可以使用以下方法之一刷新 meta 标签:

  • 直接在代码中编辑属性(在“代码”视图中)
  • 在 DOM 面板或代码中选择刷新的 meta 标签,然后在属性检查器中编辑属性。

编辑基础 meta 标签

您可以编辑用于设置页面中所有文档相对路径相对的基础 URL 的 Base 元素。

  1. 在 DOM 面板中选择 Base 元素。
  2. 在属性检查器中指定基础 meta 标签属性。

    Href

    基础 URL。单击“浏览”按钮浏览某个文件并选择它,或在框中键入路径。

    目标

    指定应该在其中打开所有链接的文档的框架或窗口。在当前的框架集中选择一个框架,或选择下列保留名称之一:

    • _blank 将链接的文档载入一个新的、未命名的浏览器窗口。
    • _parent 将链接的文档载入包含该链接的框架的父框架集或窗口。如果包含链接的框架没有嵌套,则相当于 _top;链接的文档载入整个浏览器窗口。
    • _self 将链接的文档载入链接所在的同一框架或窗口。此目标是默认的,所以通常不需要指定它。
    • _top 将链接的文档载入整个浏览器窗口,从而删除所有框架。

编辑链接 meta 标签

您可以编辑定义当前文档与其它文件之间关系的 link 标签。

注意:head 部分中的 link 标签与 body 部分中的文档之间的 HTML 链接是不一样的。

  1. 在 DOM 面板或“代码”视图中选择“链接”元素。
  2. 在属性检查器中指定链接 meta 标签属性。

    Href

    您正在为其定义关系的文件的 URL。单击“浏览”按钮浏览某个文件并选择它,或在框中键入路径。注意,该属性并不表示通常的 HTML 意义上的链接文件;链接元素中指定的关系更复杂。

    ID

    为链接指定一个唯一标识符。

    标题

    描述关系。此属性与链接的样式表有特别的关系;有关详细信息,请参阅万维网联盟网站上的 HTML 规范的“外部样式表”部分,网址为:www.w3.org/TR/REC-html40/present/styles.html#style-external。

    Rel

    指定当前文档与 Href 框中的文档之间的关系。可能的值包括 Alternate、Stylesheet、Start、Next、Prev、Contents、Index、Glossary、Copyright、Chapter、Section、Subsection、Appendix、Help 和 Bookmark。若要指定多个关系,请用空格将各个值隔开。

    Rev

    指定当前文档与 Href 框中的文档之间的反向关系(与 Rel 相对)。其可能值与 Rel 的可能值相同。