HTML的<head>中的内容总结
【01】文件头部一般包含标题标签、<meta>标签、内联样式表及预定义脚本等。
【02】<meta>标签在网页内容中不显示,但它的作用不容忽视。<meta>标签主要用于为搜索引擎robots定义页面主题信息,它还可以用于定义用户浏览器上的cookie、鉴别作者、设定页面格式、标注内容提要和关键字;同时,它还可以设置页面,使其根据定义的时间间隔刷新自己,以及设置RASC内容等级等。
【03】HTTP标题信息http-equiv
第一:首先介绍http-equiv属性。
http-equiv类似于HTTP的头部协议,会返回一些有用信息给浏览器,以帮助浏览器正确和精确地显示网页内容。常用的http-equiv属性值有Content-Type、Content-Language 、Refresh、Expires、Pragma、Set-Cookie、Window-target、Page-Enter、Page-Exit、MSThemeCompatible和Content-Script-Type等。
第二:设置文档类型与语言属性Content-Type
Content-Type属性用来设置文档类型。浏览器从content的属性值中获取网页的语言类型,判断是HTML还是XML,通常设置为text/html。charset指明网页中文字使用的字符集。例如,如果是简体中文,charset=gb2312;如果是繁体中文,则charset=big5。若未正确设置语言文字集,将可能导致网页显示混乱。使用格式如下:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> |
第三:设置自动刷新属性Refresh
Refresh属性设置页面自动刷新的时间,或自动跳转到其他的网页。此时的content属性值是自动刷新的时间或自动跳转的时间,单位是秒。URL是设置跳转网页的地址。使用的格式如下:源码设置为10秒后,自动跳转到百度网站。
<Meta http-equiv="Refresh" Content="10; Url=http://www.baidu.com">
|
上面的源码设置为10秒后,自动跳转到百度网站。
第四:设置缓存时间属性Expires
Expires属性是设置网页在缓存中的过期时间。一旦网页过期,必须重新从服务器上载入。content属性值可设置为时间长度,也可设置为到期的日期,如果设置为日期,日期的格式必须是格林时间。使用格式如下:
<Meta http-equiv="Expires" Content="0"> <Meta http-equiv="Expires" Content="Sun, 23 May 2007 10:05:26 GMT"> |
第五:设置禁用缓存属性Pragma
Pragma属性是设置禁止浏览器从本地计算机的缓存中调阅页面内容,如果设置了此属性值,网页则不保存在缓存中,每次访问时都刷新页面。这样设定,浏览者将无法脱机浏览。使用格式如下:
<Meta http-equiv="Pragma" Content="No-cach">
第六:设置网页Cookie属性Set-Cookie
Set-Cookie用于设置Cookie。当浏览器访问页面时,将其自动保存;下次再访问该页面时,可直接从文件中读取,以提高速度。通常HTML文件不需要使用禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器下动态生成的,缓存就失去意义了。如果网页过期,存盘的Cookie将被自动删除。
第七:设置打开窗口属性Window-target
Window-target用于设置打开窗口的属性。通过这个属性来强制页面在当前窗口以独立页面显示。使用格式如下:
<Meta http-equiv="Window-target" Content="_self">
第八:设置过渡效果属性Page-Enter、Page-Exit
Page-Enter与Page-Exit用于页面打开或关闭时的过渡特效。
content的属性值是动态滤镜的一种。blendTrans滤镜产生渐隐效果,Duration参数设置特效持续的时间,单位为秒。revealTrans滤镜产生多种效果,Duration参数设置特效持续的时间,transition参数设置效果类型,其取值范围为0~23。
第九:设置主题与脚本类型属性MSThemeCompatible、Content-Script-Type
MSThemeCompatible设置是否关闭Windows XP主题。content属性值为Yes或No。使用格式如下:
<Meta http-equiv="MSThemeCompatible" Content="Yes">
以上是http-equiv属性的介绍,并没有完全囊括所有类型,如需要更详细地了解,参阅其他资料。下面讲解name属性。
第十:页面描述信息name
name的属性值有Keywords、Description、Author和Robots等。name属性主要用来描述页面信息,它是搜索引擎识别的关键所在。为了使网页被搜索引擎发现,设置name属性是必不可少的。下面对各个属性值的类型分别进行介绍。
10.1:设置描述与关键词属性Description
Description(页面内容的简介)用来告诉搜索引擎网站的主要内容。在设置时尽量要把简介写得清晰明白,字数不能太短也不能太长,一般保持在80~200之间。
Keywords(页面关键字)用于为搜索引擎提供关键字的列表,选择合适的关键字是提高被搜索几率的关键因素。多个关键字之间用逗号隔开,逗号表示逻辑“或”。空格表示逻辑“与”。
10.2;设置搜索机器人引向属性Robots
Robots属性用于设置搜索机器人的引向。Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow和nofollow,默认为all。
10.3;设置作者信息属性Author
Author用于设置作者信息。content属性值就是作者的相关信息。使用格式如下:
<Meta name="Author" Content="Vincent">
以上介绍http-equiv和name常用属性的设置方法,由于<meta>标签设置比较复杂,读者可以在使用的过程逐渐掌握。
第十一:设置基链接属性base
<base>标签设置网页的基链接。使用格式如下:
<Base href="http://www.xxx.com" target="_blank">
href属性值是基链接的位置。当设置好基链接后,自动在网页中的相对路径前加上http://www.xxx.com。