使用元素可以定义HTML文档头,该元素可以包含如下子元素。
➢ <script>:该元素用于包含JavaScript脚本。关于JavaScript的介绍,请参考本书中关于JavaScript的相关章节。
➢ <style>:该元素用于定义内部CSS样式。关于内部CSS样式的介绍,请参考本书中介绍CSS的相关章节。
➢ <link>:该元素用于链接外部CSS样式等资源。关于外部CSS样式的介绍,请参考本书中介绍CSS的相关章节。
➢ <title>:该元素用于定义文档标题。该元素较为常用的属性是id,作为其唯一标识。该元素只能包含文本内容,该文本内容就是该文本的标题。
➢ <base>:该元素用于指定该页面中所有链接的基准链接。 ➢ <meta>:该元素用于定义HTML页面的元数据。
  由于<script../><style.../><link.../>三个元素在后面还会有更详细的用法示例,故此处不再进行详细介绍。本节将会重点介绍<base.../><meta.../>两个元素。

<base.../>元素

  <base.../>元素必须是空元素,该元素除了可以指定id作为其唯一标识之外,还可以指定如下两个属性
➢ href:指定所有链接的基准链接。
➢ target:指定超链接默认在哪个窗口打开链接。该属性值只能是_blank_parent_self_top其中之一

例子
<!DOCTYPE html>  
<html>  
<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    <title> base元素 </title>
    <base target="_blank" href="http://www.crazyit.org" />
</head>  
<body>  
    <a href="index.php">疯狂Java联盟</a>
</body>  
</html>  

  上面页面代码中使用<base.../>指定了所有链接的基准路径为http://www.crazyit.org,默认使用新窗口打开链接。页面中超链接的地址为index.php,则实际URL为http://www.crazyit. org/index.php,并使用新窗口打开该链接

<meta>元素

  <meta.../>用于定义页面元信息,定义元信息也就是指定一些name-value对。该元素除了可以指定id属性之外,还可以指定如下三个属性
➢ http-equiv:指定元信息的名称,该属性指定的名称具有特殊意义,它可以向浏览器传回一些有用的信息,帮助浏览器正确地处理网页内容。
➢ name:指定元信息的名称,该名称值可以随意指定。
➢ content:指定元信息的值。
  根据上面的讲解我们知道:元素里http-equiv属性和name属性的作用基本相同,只是http-equiv属性值通常规定为应该是浏览器可以识别的、具有特殊意义的名称。例如,我们可以为网页指定如下关键字和描述信息

例子
<head>  
    <title>疯狂Java联盟</title>
    <meta name="author" content="Lee" />
    <meta name="website" content="http://www.crazyit.org" />
    <meta name="copyright" content="2000-2016 crazyit.org" />

http-equiv属性所支持的值主要有如下几个
➢ Expires:指定网页的过期时间。一旦网页过期,必须重新从服务器上下载。例如如下代码:
<meta http-equiv="Expires" content="Sat Sep 1 1:1:1 CST 2008" />
➢ content-Type:设置该页面的内容类型和所用的字符集。例如:
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
➢ Pragma:指定禁止浏览器从本地磁盘缓存中调阅页面内容,浏览器一旦离开该网页就无法脱机访问该页面。例如:
<meta http-equiv="Pragma" content="no-cache" />

注:本博客内容节选自李刚编著的疯狂HTML 5/CSS 3/JavaScript讲义 ,详细内容请参阅书籍。