HTML的<head>中的内容总结

01】文件头部一般包含标题标签、<meta>标签、内联样式表及预定义脚本等。

 

02<meta>标签在网页内容中不显示,但它的作用不容忽视。<meta>标签主要用于为搜索引擎robots定义页面主题信息,它还可以用于定义用户浏览器上的cookie、鉴别作者、设定页面格式、标注内容提要和关键字;同时,它还可以设置页面,使其根据定义的时间间隔刷新自己,以及设置RASC内容等级等。

03HTTP标题信息http-equiv

第一:首先介绍http-equiv属性。

http-equiv类似于HTTP的头部协议,会返回一些有用信息给浏览器,以帮助浏览器正确和精确地显示网页内容。常用的http-equiv属性值有Content-TypeContent-Language RefreshExpiresPragmaSet-CookieWindow-targetPage-EnterPage-ExitMSThemeCompatibleContent-Script-Type等。

第二:设置文档类型与语言属性Content-Type

Content-Type属性用来设置文档类型。浏览器从content的属性值中获取网页的语言类型,判断是HTML还是XML,通常设置为text/htmlcharset指明网页中文字使用的字符集。例如,如果是简体中文,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-EnterPage-Exit

Page-EnterPage-Exit用于页面打开或关闭时的过渡特效。

content的属性值是动态滤镜的一种。blendTrans滤镜产生渐隐效果,Duration参数设置特效持续的时间,单位为秒。revealTrans滤镜产生多种效果,Duration参数设置特效持续的时间,transition参数设置效果类型,其取值范围为0~23

第九:设置主题与脚本类型属性MSThemeCompatibleContent-Script-Type 

MSThemeCompatible设置是否关闭Windows XP主题。content属性值为YesNo。使用格式如下:

<Meta http-equiv="MSThemeCompatible" Content="Yes">

以上是http-equiv属性的介绍,并没有完全囊括所有类型,如需要更详细地了解,参阅其他资料。下面讲解name属性。 

第十:页面描述信息name

name的属性值有KeywordsDescriptionAuthorRobots等。name属性主要用来描述页面信息,它是搜索引擎识别的关键所在。为了使网页被搜索引擎发现,设置name属性是必不可少的。下面对各个属性值的类型分别进行介绍。

10.1:设置描述与关键词属性Description

Description(页面内容的简介)用来告诉搜索引擎网站的主要内容。在设置时尽量要把简介写得清晰明白,字数不能太短也不能太长,一般保持在80~200之间。

Keywords(页面关键字)用于为搜索引擎提供关键字的列表,选择合适的关键字是提高被搜索几率的关键因素。多个关键字之间用逗号隔开,逗号表示逻辑“或”。空格表示逻辑“与”。

10.2;设置搜索机器人引向属性Robots

Robots属性用于设置搜索机器人的引向。Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有allnoneindexnoindexfollownofollow,默认为all

10.3;设置作者信息属性Author

Author用于设置作者信息。content属性值就是作者的相关信息。使用格式如下:

<Meta name="Author" Content="Vincent">

以上介绍http-equivname常用属性的设置方法,由于<meta>标签设置比较复杂,读者可以在使用的过程逐渐掌握。 

第十一:设置基链接属性base

<base>标签设置网页的基链接。使用格式如下:

<Base href="http://www.xxx.com" target="_blank">

href属性值是基链接的位置。当设置好基链接后,自动在网页中的相对路径前加上http://www.xxx.com。 

原文地址:https://www.cnblogs.com/moyuling/p/4351736.html