《第5章定义页面头部信息教材课程》由会员分享，可在线阅读，更多相关《第5章定义页面头部信息教材课程（22页珍藏版）》请在金锄头文库上搜索。
1、第5章 定义页面头部信息,HTML头部信息主要是用于让浏览器识别的关于网页的信息，其中定义的很多信息是非常重要的。,5.1 页面基础元素,HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”表示结束。例如以下标记： 这是粗体,5.1.1 控制文本的显示方向,在HTML中，可以通过dir属性对文本的显示方向进行控制。在默认情况下，文本是从左向右显示的，如果想将文本显示方向设置为从右向左显示，可以把dir的属性设置为“rtl”。,5.1.2 指定页面的语言,页面的语言属性是通过content-language来
2、设置的。content-language出现在http-equiv属性中，使用content属性表示页面的语言以及国家代码。例如，language-code为en时，代表English，即英文；而language-code为en-US时，代表the U.S. version of English，即美国版本的英文。,5.3 显示页面标题,定义了文档的标题，它是部分中唯一必需的元素。它的作用是在浏览器的标签栏显示该页面的标题。,5.4 基本设置元素,标签的作用是为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的URL中提取相应的元素来填写相对 URL 中的空白。,5.5
3、定义页面的信息,标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的标记和标记之间，提供用户不可见的信息。标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式、标注内容提要和关键字；还可以设置页面，使其可以根据定义的时间间隔刷新自己，以及设置rasc内容等级等。下面分别介绍标签不同的属性。,1.定义页面的文字编码,使用http-equiv的content-type可以提供网页的编码信息，以告诉浏览器网页使用的是什么编码，以免出现页面乱码的情况,2. 定义页面的关键字,页面的关键字目的是为为搜索引擎提供的关键字列
4、表，以方便浏览器对页面的归类。在实际应用中，可能会出现多个不同关键字，这就需要用英文逗号“,”把关键字隔开。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。代码如下： ,3.定义页面的主要内容,页面的主要内容是用Description 描述的， Description的作用是告诉搜索引擎你的网站主要内容，以方便搜索引擎检索页面，代码如下： ,4. 定义页面的搜索方式,页面的搜索方式是靠机器人向导（Robots）完成的，Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、in
5、dex、noindex、follow、nofollow。默认是all。其使用方式如下所示 ,5.定义页面的版权信息,版权信息是在页面头部标注本页面的版权，其用法如下： ,6.定义页面的作者信息,作者信息是在页面头部标注本页面的作者，其用法如下： 注意：Content可以是：你或你的制作组的名字或Email。,7.定义页面的刷新时间,页面的刷新时间是指希望让浏览者在页面停留多长时间后页面刷新，或在多长时间后让网页自动链接到其它网页。所以其用法有两种 第一种用法是页面停留多久后刷新 另一种用法是让浏览者在页面停留一段时间后，自动转向到另外一个网址,8.定义页面的跳转,我们可以在页面载入或者退出的时
6、候，对页面加入一些效果，从而达到美观的目的，这就需要用到Page-Enter、Page-Exit (进入与退出)属性。 滤镜有两种，一种是blendTrans，产生产生渐隐效果 另一种动态滤镜RevealTrans用于页面进入与退出效果，可以产生多种不同效果,5.6 创建页面的样式,从页面头部调用CSS，是将CSS写在页面的head元素中，然后在页面中调用。其语法结构如下。 选择符属性:属性值; ,5.7 链接元素,元素是头部内容的链接元素，它的作用是定义文档与外部资源的关系。使用的title属性，可以为链接提供提示或建议信息，这样，网页浏览者可以得知链接的含义。在选定链接时，被链接的图像或者
7、文本也可以给出一些线索，但是就HTML本身而言，元素缺乏语义含义。不过，它确实提供了一种可以用来定义链接对象间的关系的方法。元素的实现思想是，文档可以含有预定义的一些关系。在提供导航选择、显示网页，或者准备打印网页时，有些关系对浏览器是有用的。例如，可以通过元素外部链接样式表以及JS文件等。,5.7.1 指定链接路径,应用属性的时候，具体的行为要根据特定的关系（relationship）来产生不同的效果，以达到相关的目的。最基本的链接路径引用是引用外部的CSS样式表，这部分内容将在下一节讲解。常用的语法结构如下。,5.7.2 链接样式文件,根据前文所述，链接元素用得最多的部分是链接样式表，它的基本结构如下。 通过href对样式表的导入，即可实现样式与页面相互独立制作的效果。,5.7.3 制作收藏夹图标,如何在自己的页面上加上收藏夹图标呢？只需要应用的rel=icon属性即可。rel=icon属性一般还可以跟shortcut一起使用，用来指定网站在地址栏中显示的小图标。,5.8 脚本元素,对于应用来说，很多时候只关注页面的美观是不够的，所以这里涉及了页面的交互，即通过页面的一些特效来使得页面更有特点，这一般是通过脚本来实现的。,
