轻松学HTML+CSS开发11章 网页头部.pptxVIP

第11章 网页头部网页中加载的顺序是从头部开始的，网页头部内容虽然不会显示在主体里面，但却对网页有着非同寻常的影响。本章我们就来详细介绍有关网页头部的知识。11.1 使用头部头元素包含关于文档的概要信息，也称作元信息（meta-information）。头元素内的元素在浏览器中不显示。通过head标签来进行设置，定义语法规则如下所示：11.1 使用头部在HTML中，仅有几个标签在HTML的头部分是合法的，包含有：base、link、meta、title、style以及script。响应头报文是指文件头标签，可以对整个页面进行综合性的设置。通过meta标签进行定义，用于在HTML文档中模拟HTTP协议的响应头报文。meta标签写在头部head标签里，主要通过name属性和http-equiv属性进行定义。下面我们就来介绍有关name、http-equiv属性的知识。11.2 页面描述信息（name）网页的描述通常使用name属性，对应网页内容，以便于搜索引擎查找、分类。其中最重要的是description和keywords，故需要给每页添加一个meta值。这样有助于每个页面都被准确、快速的搜索出来。name属性要写在meta标签中，定义语法形式如下所示：11.2.1 定义关键字name属性的值包括keywords、description、author、robots、genertor等关键字。下面我们就来详细说明一些常用属性的用法。当name=keywords时，表示向搜索引擎说明网页的关键词，相应的contect中填写的是网页想被搜索到的其他关键字，定义语法形式如下所示：11.2.1 定义关键字如何定义页面的关键字如何定义对页面的描述如何定义网页作者如何定义编辑器的说明11.2.2 链接文件属性对于链接到的文件，引入外部文档的设置，通常使用link标签.定义语法格式如下所示：11.2.3 基链接属性base标签为页面上的所有链接规定了默认地址或默认目标。一般情况下，浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。当使用了base标签之后，浏览器将不再使用当前文档的URL，而使用指定的基本URL来解析所有的相对URL。11.3 HTTP标题信息（http-equiv）http-equiv类似于HTTP的头部协议，可以返回有用信息给浏览器，用于帮助浏览器正确、精确地显示网页内容。本节就来详细介绍有关http-equiv的知识。11.3.1 http-equiv属性概念http-equiv属性通常用于说明网页制作所使用的文字以及语言，是网页中必不可少的标签属性。http-equiv需要写在meta后面，定义语法形式如下所示：11.3.2 过度效果属性http-equiv属性中的属性值enter和exit，用于表示页面的打开或者关闭时的过渡特效，定义语法规则如下所示：（1）让页面加载有淡入淡出的效果：（2）让页面退出有淡入淡出的效果：11.3.2 过度效果属性（3）进入效果：（4）退出效果：11.3.2 过度效果属性transition属性的类型有0~22种，其对应效果如表11.1所示。参数值效果参数值效果参数值效果参数值效果0矩形缩小1矩形扩大2圆形缩小3圆形扩大4下到上刷新5上到下刷新6左到右刷新7右到左刷新8竖百叶窗9横百叶窗10错位横百叶窗11错位竖百叶窗12点扩散13左右到中间刷新14中间到左右刷新15中间到上下16上下到中间17右下到左上18右上到左下19左上到右下20左下到右上21横条22竖条??11.3.3 文档类型与语言属性content-type属性用于定义文档类型。通常浏览器通过content的属性值获取网页的语言类型，并判断出文档类型是HTML或者XHTMl，定义语法规则如下所示：11.3.4 主题与脚本类型属性msthemecompatible属性用于设置是否关闭window XP主题。其中，content属性的值有两个。当content=yes时，表示关闭window XP主题；当content=no时，表示不关闭window XP主题，定义语法规则如下所示：11.3.4 主题与脚本类型属性content-sctipt-type属性用于设置页面中脚本的类型，定义语法规则如下所示：11.3.5 打开窗口属性windows-target属性用于设置窗口的显示，强制页面在当前窗口以独立页面的形式显示，定义语法规则如下所示。下面演示了如何在头文件中设置窗口的打开方式11.3.6 自动刷新属性refresh属性用于定义页面自动刷新的时间，或者自动跳转到其他的网页，定义语法规则如下所示：11.3.7 禁用缓存属性pragma属性用于定义禁止浏览器从本地计算机的缓存中调阅页