赵工的个人空间


专业技术部分转网页计算转业余爱好部分


 网站建设

首页 > 专业技术 > 网站建设 > 定义网页头文件元素
定义网页头文件元素

网页头文件元素,指的是页面<head> </head>之间的部分,放置的是页面的概括类信息。文件头的信息一般不会直接显示在网页中,而是起“幕后”作用。其主要功能包括:
.确定浏览器以何种语言来解释页面,也就是使用哪种字符集来显示页面。
.搜索引擎可以阅读以获取页面的标题、概述、关键字等需要信息,以便用户搜索。
.当页面插入一些语言的代码时,如CSS及外部CSS文件指向或JavaScript(VBScript)等,其文档范围声明和子程序都会包含在文件头部分。

1. 查看网页中的文件头元素:
在Dreamweaver中,菜单【查看】-【文件头内容】,在视图的上方就会显示当前网页中的文件头元素图标。

点击出现的相应图标,在下面的【属性】面板中将会显示对应的信息。

2. 插入文件头元素:
在Dreamweaver中,菜单【插入】-【HTML】-【文件头标签】,其中菜单项显示了文件头的选项,包括META、关键字、说明、刷新、基础和链接,用户可以根据需要插入相应的内容。

3. META属性:
用户可以利用META属性插入各种描述性的数据。META支持的属性包括:
.name:指定特定名称。
.content:指定特性的值。
.http-equit:HTTP服务器通过该属性设计HTTP响应头标,以精确显示网页内容。
.scheme:用于命名一个解释特性的方案。
.lang:指定语言信息。
.dir:指定文本方向。

用户用菜单【插入】-【HTML】-【文件头标签】-【Meta】打开META对话框,其中可以建立META属性的相应内容,例如代码:
<meta name="author" content="dwenzhao"/>

4. 设置网页关键字:
菜单【插入】-【HTML】-【文件头标签】-【关键字】,打开对话框,用户可以在其中输入网页关键字,以空格或|分隔。例如代码:
<meta name="keywords" content="工程师|专业技术|业余爱好|个人空间|摄影|旅行|历史|文化" />

5. 设置网页说明:
用户在网页说明中添加的内容可以是标题和关键字的延伸和补充,有利于搜索引擎的查找。菜单【插入】-【HTML】-【文件头标签】-【说明】,打开对话框。例如代码:
<meta name="description" content="一个学习并实践网站及网页设计的平台" />

6. 设置网页刷新:
网页刷新用于强制浏览器在设定的时间载入当前页面,或者载入一个新的网站地址(主要用于网站搬迁)。菜单【插入】-【HTML】-【文件头标签】-【刷新】,打开对话框,设置网页转到某URL或刷新当前网页。例如代码:
<meta http-equiv="refresh" content="0" />

7. 设置网页基础URL:
通过设置网页基础URL,用户可以使当前页面所有的相对地址以设置的链接为基础,从而使所有的链接都指向一个位置。菜单【插入】-【HTML】-【文件头标签】-【基础】,打开对话框,设置使所有文档相对链接相对于HREF的地址以及目标。例如代码:
<base href="index.htm" target="_blank" />

(注:有些浏览器使用相对于站点根目录的URL,会忽略此选项;有些浏览器支持相对于文件的URL,如果加入此选项有时会产生错误。删去此设置往往效果更好)

8. 创建收藏夹图标:
使用收藏夹功能将某个网站收藏时,可以设定此页面的图标。菜单【插入】-【HTML】-【文件头标签】-【链接】,在对话框中使用“浏览”按钮,选中预先制作好的.ico扩展名的图标文件,并在Rel文本框中输入“shortcut ico”。例如代码:
<link href="/favicon.ico" rel="shortcut ico" />

9. 设置搜索robot:
网络搜索引擎,会放出robot/spider来搜索网站,而META元素的一些设置用于引导登录网银及其分支。菜单【插入】-【HTML】-【文件头标签】-【Meta】,打开对话框,在其中设置robot。例如代码:
<meta name="robots" content="index,follow" />

10. 禁用访问者缓存:
用户访问某个页面时会将该网站存储在缓存中,下次访问时就可以从缓存中读取,以提高网页访问速度。但如果网站已经更新,浏览器调出缓存时显示的还是原来的页面;有些网站会放置维持网站运转的广告内容,依靠访问者的刷新来增加收入,保存缓存将使广告计数器不被刷新。【插入】-【HTML】-【文件头标签】-【Meta】,打开对话框,在其中输入pragma。例如代码:
<meta http-equiv="pragma" content="no-cache" />

注:文件头元素可以通过菜单来设置,但往往直接插入代码更简单,特别是一些META设置。

Copyright@dwenzhao.cn All Rights Reserved   备案号:粤ICP备15026949号
联系邮箱:dwenzhao@163.com  QQ:1608288659