0 html5,2.4.0HTML5头部和元信息

2.4HTML5头部和元信息

简单的头部元信息标签。

使用head元素可以定义HTML文档头，该元素可以包含如下子元素。

1、script：该元素用于包含JavaScript脚本。

关于JavaScript的介绍，请参考本书关于JavaScript的相关章节。

2、style：该元素用于定义内部CSS样式。

关于内部CSS样式的介绍，请参考本书中介绍CSS的相关章节。

3、link：该元素用于链接外部CSS样式等资源。

关于外部CSS样式的介绍，请参考本书中介绍CSS的相关章节。

4、title：该元素用于定义文档标题。该元素较为常用的属性是id，作为其唯一标识。

该元素只能包含文本内容，该文本内容就是该文本的标题。

5、base：该元素用于指定该页面中所有链接的基准链接。

base元素必须是空元素，该元素除了可以指定id作为其唯一标识之外，还可以指定如下两个属性。

1)href：指定所有链接的基准链接。

2)target：指定超链默认在哪个窗口打开链接。

该属性值只能是_blank、_parent、_self和_top其中之一。

eg：

base元素

疯狂Java联盟

6、meta：该元素用于定义HTML页面的元数据。也就是指定一些name-value对。

该元素除了可以指定id属性之外，还可以指定如下三个属性。

1)http-equiv：指定元信息的名称，该属性指定的名称具有特殊意义，

它可以向浏览器传回一些有用的信息，帮助浏览器正确地处理网页内容。

2)name：指定元信息的名称，该名称值可以随意指定。

3)content：指定元信息的值。

meta元素里http-equiv属性和name属性的作用基本相同，

只是http-equiv属性值通常规定为应该是浏览器可以识别的、具有特殊意义的名称。

eg：为网页指定如下关键字和描述信息：

疯狂Java联盟

为网页指定有效的关键字有利于搜索引擎收录本站点。

http-equiv属性所支持的值主要有如下几个：

1)Expires：指定网页的过期时间。一旦网页过期，必须重新从服务器上下载。

eg：< meta http-equiv="Expires" content="Sat Sep 27 16:12:36 CST 2008"/>

2)Pragma：指定禁止浏览器从本地磁盘缓存中调阅页面内容，

浏览器一旦离开该网页就无法脱机访问该页面。

eg：< meta http-equit="Pragma" content="no-cache"/>

3)Refresh：指定浏览器多长时间后自动刷新指定页面。

eg：

设置2秒后自动刷新本页面：< meta http-equiv="Refresh" content="2"/>

设置2秒后自动刷新http://www.baidu.com：

< meta http-equiv="Refresh" content="2;URL=http://baidu.com"/>

4)Set-Cookie：设置Cookie。如果网页过期，那么客户端上的Cookie也将被删除。

eg：< meta http-equiv="Set-Cookie"

content="name=value expires= Sat Sep 27 16:12:36 CST 2008, path=/" />

5)Content-Type：设置该页面的内容类型和所用的字符集。

eg：< meta http-equiv="Content-Type" content="text/html; charset=GBK"/>

2、：