XZ_HTML5之HTML5头部和元信息

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

<script>:该元素用于包含JavaScript脚本。

<style>:该元素用于定义内部CSS样式。

<link>:该元素用于链接外部CSS样式等资源。

<title>:该元素用于定义文档标题。该元素较为常用的属性是id，作为其唯一标识。该元素只能包含文本内容，该文本内容就是该文本的标题。

<base>:该元素用于指定该页面所有链接的基准链接。该元素必须是空元素，该元素除了可以指定id作为唯一标识之外，还可以指定如下两个属性。

        href:指定所有链接的基准链接。

        target:指定超链接默认在哪个窗口打开链接。该属性值只能是_blank、_parent、_self和_top其中一个。

<meta>:该元素用于定义HTML页面的元数据。定义元信息也就是指定一些name-value对。该元素除了可以指定id属性之外，还可以指定如下三个属性。

        http-equiv:指定元信息的名称，该属性指定的名称具有特殊意义，它可以向浏览器传回一些有用的信息，帮助浏览器正确处理网页内容。

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

        content：指定元信息的值。

<meta/>元素里的http-equiv属性和name属性的作用基本相同，只是 http-equiv属性值通常规定为应该是浏览器可以识别的、具有特殊意义的名称。

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

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

        Pragma:指定禁止浏览器从本地磁盘缓存中调阅页面内容，浏览器一旦离开该网页就无法脱机访问该页面。

        Refresh:指定浏览器多长时间后自动刷新指定页面。例如：

     <!--设置2秒后自动刷新本页面-->

     < meta charset = "UTF-8" http-equiv = "refresh" content = "2" >

     <!--设置2秒后自动刷新http://www.baidu.com-->

     < meta charset = "UTF-8" http-equiv = "refresh" content = "2;URL=http://www. baidu.com " >

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

         < meta charset = "UTF-8" http-equiv = "set-cookie" content = "name=value expires= Sat Sep 27 16:12:36 CST 2017,path=/" >

        cotent-Type:设置该页面的内容类型和所用的字符集。例如：

< meta charset = "UTF-8" http-equiv = "content-type" content = "text/html" >