Dreamweaver实例教程(Dreamweaver 2020):电子活页微课版
上QQ阅读APP看书,第一时间看更新

1.5 网页文件头设置

文件头标签在网页中是看不到的,它包含在网页中的<head></head>标签内,所有包含在该标签内的内容在网页中都是不可见的。文件头标签主要包括meta、关键字、说明、刷新、基础和链接等。

1.5.1 设置搜索关键字

在Web上通过搜索引擎查找资料时,搜索引擎自动读取Web上网页中<meta></meta>标签的内容,所以在网页中设置搜索关键字非常重要,它可以间接地宣传网站,提高网站访问量。但搜索关键字并不是字数越多越好,因为有些搜索引擎限制搜索关键字的字符数目,当超过了限制的数目时,它将忽略所有的搜索关键字,所以最好只使用几个精选的搜索关键字。一般情况下,搜索关键字是对网页的主题、内容、风格或作者等的概括。

设置网页搜索关键字的具体操作步骤如下。

(1)打开文档编辑窗口中的“代码”视图,将鼠标指针放在<head></head>标签中,选择“插入>HTML>Keywords”命令,弹出“Keywords”对话框,如图1-34所示。

图1-34

(2)在“关键字”文本框中输入相应的中文或英文搜索关键字,但注意搜索关键字要用半角的逗号分隔。例如,设定搜索关键字为“浏览”,则“关键字”文本框的设置如图1-35所示。单击“确定”按钮,完成设置。

图1-35

(3)此时,观察“代码”视图,会发现<head></head>标签内多了下述代码:

<meta name="keywords" content="浏览">

此外,还可以通过<meta></meta>标签设置搜索关键字,具体操作步骤如下。

选择“插入>HTML>Meta”命令,弹出“META”对话框。在“属性”下拉列表中选择“名称”选项,在“值”文本框中输入“keywords”,在“内容”文本框中输入搜索关键字信息,如图1-36所示。设置完成后,单击“确定”按钮,即可在“代码”视图中查看相应的HTML标签。

图1-36

1.5.2 设置作者和版权信息

要设置网页的作者和版权信息,可选择“插入>Head>Meta”命令,弹出“META”对话框。在“值”文本框中输入“/x.Copyright”,在“内容”文本框中输入作者姓名和版权信息,如图1-37所示。单击“确定”按钮完成设置。

图1-37

此时,在“代码”视图中的<head></head>标签内可以查看相应的HTML标签,具体如下:

<meta name="/x.Copyright" content=" 作者:薛*鹏 版权:版权所有">

1.5.3 设置刷新时间

要指定载入页面或者转到其他页面的时间,可设置文件头的刷新时间,具体操作步骤如下。

选择“插入>HTML>Meta”命令,弹出“META”对话框。在“属性”下拉列表中选择“HTTP-equivalent”选项,在“值”文本框中输入“refresh”,在“内容”文本框中输入需要的时间值,如图1-38所示。单击“确定”按钮完成设置。

图1-38

此时,在“代码”视图中的<head></head>标签内可以查看相应的HTML标签,具体如下:

<meta http-equiv="refresh" content="60">

1.5.4 设置说明信息

搜索引擎也可通过读取<meta></meta>标签的说明信息来查找相关信息,但说明信息主要是对网页内容的详细说明,而搜索关键字可以让搜索引擎尽快搜索到网页。设置网页说明信息的具体操作步骤如下。

(1)选中文档编辑窗口中的“代码”视图,将鼠标指针放在<head></head>标签中,选择“插入>HTML>说明”命令,弹出“说明”对话框。

(2)在“说明”对话框中设置说明信息。

例如,在网页中添加“利用ASP脚本,按用户需求进行查询”的说明信息,“说明”对话框中的设置如图1-39所示。

图1-39

此时,在“代码”视图中的<head></head>标签内可以查看相应的HTML标签,具体如下:

<meta name="description" content="利用ASP 脚本,按用户需求进行查询">

此外,还可以通过<meta></meta>标签添加说明信息,具体设置如图1-40所示。

图1-40