第5章定义页面头部信息

《第5章定义页面头部信息》由会员分享，可在线阅读，更多相关《第5章定义页面头部信息（22页珍藏版）》请在装配图网上搜索。

1、第5章定义页面头部信息 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望5.1 5.1 页面基础元素页面基础元素HTML语言是由一系列言是由一系列标记组成的，每个成的，每个标记有它特定的含有它特定的含义。标记用用标示，以便和示，以便和页面的内容区分开来。大多面的内容区分开来。大多数数标记成成对出出现，后面的，后面的标记加上一个加上一个“/”表示表示结束。例束。例如以下如以下标记：这是粗体是粗体5.1.1 5.1.1 控制文本的显示方向控制文本的显示方向在在HTML中

2、，可以通中，可以通过dir属性属性对文本的文本的显示方向示方向进行控制。行控制。在默在默认情况下，文本是从左向右情况下，文本是从左向右显示的，如果想将文本示的，如果想将文本显示方向示方向设置置为从右向左从右向左显示，可以把示，可以把dir的属性的属性设置置为“rtl”。5.1.2 5.1.2 指定页面的语言指定页面的语言页面面的的语言言属属性性是是通通过content-language来来设置置的的。content-language出出 现 在在 http-equiv属属 性性 中中，使使 用用content属属性性表表示示页面面的的语言言以以及及国国家家代代码。例例如如，language-c

3、ode为en时，代代表表English，即即英英文文；而而language-code为en-US时，代代表表the U.S.version of English，即美国版本的英文。，即美国版本的英文。5.2 5.2 页面头部元素页面头部元素标签用于定用于定义文档的文档的头部，它是所有部，它是所有头部元素的容部元素的容器。器。中的元素可以引用脚本、指示中的元素可以引用脚本、指示浏览器在哪里器在哪里找到找到样式表、提供元信息等。式表、提供元信息等。5.3 5.3 显示页面标题显示页面标题定定义了文档的了文档的标题，它是，它是部分中唯一必需部分中唯一必需的元素。它的作用是在的元素。它的作用是在浏览器

4、的器的标签栏显示示该页面的面的标题。5.4 5.4 基本设置元素基本设置元素标签的作用是的作用是为页面上的所有面上的所有链接接规定默定默认地址或地址或默默认目目标。通常情况下，。通常情况下，浏览器会从当前文档的器会从当前文档的URL中中提取相提取相应的元素来填写相的元素来填写相对 URL 中的空白。中的空白。5.5 5.5 定义页面的信息定义页面的信息标签是是HTML语言言head区的一个区的一个辅助性助性标签，它位，它位于于HTML文档文档头部的部的标记和和标记之之间，提，提供用供用户不可不可见的信息。的信息。标签通常用来通常用来为搜索引擎搜索引擎robots定定义页面主面主题，或者是定，或

5、者是定义用用户浏览器上的器上的cookie；它可以用于；它可以用于鉴别作者，作者，设定定页面格式、面格式、标注内注内容提要和关容提要和关键字；字；还可以可以设置置页面，使其可以根据定面，使其可以根据定义的的时间间隔刷新自己，以及隔刷新自己，以及设置置rasc内容等内容等级等。下面分等。下面分别介介绍标签不同的属性。不同的属性。1.1.定义页面的文字编码定义页面的文字编码使用使用http-equiv的的content-type可以提供网页的编码信息，可以提供网页的编码信息，以告诉浏览器网页使用的是什么编码，以免出现页面乱码以告诉浏览器网页使用的是什么编码，以免出现页面乱码的情况的情况2.2.定义

6、页面的关键字定义页面的关键字页面的关键字目的是为为搜索引擎提供的关键字列表，以方页面的关键字目的是为为搜索引擎提供的关键字列表，以方便浏览器对页面的归类。在实际应用中，可能会出现多个便浏览器对页面的归类。在实际应用中，可能会出现多个不同关键字，这就需要用英文逗号不同关键字，这就需要用英文逗号“,”把关键字隔开。把关键字隔开。当数个当数个META元素提供文档语言从属信息时，搜索引擎会元素提供文档语言从属信息时，搜索引擎会使用使用lang特性来过滤并通过用户的语言优先参照来显示特性来过滤并通过用户的语言优先参照来显示搜索结果。代码如下：搜索结果。代码如下：3.3.定义页面的主要内容定义页面的主要内

7、容页面的主要内容是用页面的主要内容是用Description 描述的，描述的，Description的的作用是告诉搜索引擎你的网站主要内容，以方便搜索引擎作用是告诉搜索引擎你的网站主要内容，以方便搜索引擎检索页面，代码如下：检索页面，代码如下：4.4.定义页面的搜索方式定义页面的搜索方式页面的搜索方式是靠机器人向导（页面的搜索方式是靠机器人向导（Robots）完成的，）完成的，Robots用来告诉搜索机器人哪些页面需要索引，哪些页用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。面不需要索引。Content的参数有的参数有all、none、index、noindex、follow、nof

8、ollow。默认是。默认是all。其使用方式如。其使用方式如下所示下所示5.5.定义页面的版权信息定义页面的版权信息版权信息是在页面头部标注本页面的版权，其用法如下：版权信息是在页面头部标注本页面的版权，其用法如下：6.6.定义页面的作者信息定义页面的作者信息作者信息是在页面头部标注本页面的作者，其用法如下：作者信息是在页面头部标注本页面的作者，其用法如下：注意：注意：Content可以是：你或你的制作组的名字或可以是：你或你的制作组的名字或Email。7.7.定义页面的刷新时间定义页面的刷新时间页面的刷新时间是指希望让浏览者在页面停留多长时间后页页面的刷新时间是指希望让浏览者在页面停留多长时

9、间后页面刷新，或在多长时间后让网页自动链接到其它网页。所面刷新，或在多长时间后让网页自动链接到其它网页。所以其用法有两种以其用法有两种第一种用法是页面停留多久后刷新第一种用法是页面停留多久后刷新另一种用法是让浏览者在页面停留一段时间后，自动转向到另一种用法是让浏览者在页面停留一段时间后，自动转向到另外一个网址另外一个网址8.8.定义页面的跳转定义页面的跳转我们可以在页面载入或者退出的时候，对页面加入一些效果，我们可以在页面载入或者退出的时候，对页面加入一些效果，从而达到美观的目的，这就需要用到从而达到美观的目的，这就需要用到Page-Enter、Page-Exit(进入与退出进入与退出)属性。

10、属性。滤镜有两种，一种是滤镜有两种，一种是blendTrans，产生产生渐隐效果，产生产生渐隐效果另一种动态滤镜另一种动态滤镜RevealTrans用于页面进入与退出效果，可用于页面进入与退出效果，可以产生多种不同效果以产生多种不同效果5.6 5.6 创建页面的样式创建页面的样式从从页面面头部部调用用CSS，是将，是将CSS写在写在页面的面的head元素中，元素中，然后在然后在页面中面中调用。其用。其语法法结构如下。构如下。选择符选择符属性属性:属性值属性值;5.7 5.7 链接元素链接元素元素是元素是头部内容的部内容的链接元素，它的作用是定接元素，它的作用是定义文档与文档与外部外部资源的关系

11、。使用源的关系。使用的的title属性，可以属性，可以为链接提接提供提示或建供提示或建议信息，信息，这样，网，网页浏览者可以得知者可以得知链接的含接的含义。在。在选定定链接接时，被，被链接的接的图像或者文本也可以像或者文本也可以给出一出一些些线索，但是就索，但是就HTML本身而言，本身而言，元素缺乏元素缺乏语义含含义。不。不过，它确，它确实提供了一种可以用来定提供了一种可以用来定义链接接对象象间的的关系的方法。关系的方法。元素的元素的实现思想是，文档可以含有思想是，文档可以含有预定定义的一些关系。在提供的一些关系。在提供导航航选择、显示网示网页，或者准，或者准备打印网打印网页时，有些关系，有些

12、关系对浏览器是有用的。例如，可以通器是有用的。例如，可以通过元素外部元素外部链接接样式表以及式表以及JS文件等。文件等。5.7.1 5.7.1 指定链接路径指定链接路径应用用属性的属性的时候，具体的行候，具体的行为要根据特定的关系要根据特定的关系（relationship）来）来产生不同的效果，以达到相关的目的。生不同的效果，以达到相关的目的。最基本的最基本的链接路径引用是引用外部的接路径引用是引用外部的CSS样式表，式表，这部分部分内容将在下一内容将在下一节讲解。解。常用的常用的语法法结构如下。构如下。5.7.2 5.7.2 链接样式文件链接样式文件根据前文所述，根据前文所述，链接元素用得最

13、多的部分是接元素用得最多的部分是链接接样式表，它式表，它的基本的基本结构如下。构如下。通通过href对样式表的式表的导入，即可入，即可实现样式与式与页面相互独立制面相互独立制作的效果。作的效果。5.7.3 5.7.3 制作收藏夹图标制作收藏夹图标如何在自己的如何在自己的页面上加上收藏面上加上收藏夹图标呢？只需要呢？只需要应用用的的rel=icon属性即可。属性即可。rel=icon属性一般属性一般还可以跟可以跟shortcut一起使用，用来指定网站在地址一起使用，用来指定网站在地址栏中中显示的小示的小图标。5.8 5.8 脚本元素脚本元素对于于应用来用来说，很多，很多时候只关注候只关注页面的美面的美观是不是不够的，所以的，所以这里涉及了里涉及了页面的交互，即通面的交互，即通过页面的一些特效来使得面的一些特效来使得页面更有特点，面更有特点，这一般是通一般是通过脚本来脚本来实现的。的。