HTML中head标签的内容

HTML中head标签

---

< head> 标签用于定义文档的头部，它是所有头部元素的容器。< head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分：

<   base>, <    link>, <    meta>, <    script>, <  style>, 以及 <    title>

< title> 它是 head 部分中唯一必需的元素。标签中的文本是文件的标题。标题会显示在浏览器的标题栏。

---

< base> 标签

---

< base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 < base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 < a>、< img>、< link>、< form> 标签中的 URL。

< base>中的target，将指定页面中所有链接的打开方式。
实例

<   head>
<   base href="http://www.baidu.com.cn/i/" />
<   base target="_blank" />
<   /head>
<   body>
<   img src="eg_smile.gif" />
<   a href="http://www.baidu.com.cn">Baidu</    a>
<   /body>

---

< link> 标签

---

<   link> 标签定义文档与外部资源的关系。

<   link> 标签最常见的用途是链接样式表。

实例
链接一个外部样式表：

<   head>
<   link rel="stylesheet" type="text/css" href="theme.css" />
</  head>

引用网址http://www.cnblogs.com/fslnet/archive/2009/11/17/1604444.html

---

< meta> 标签

---

HTML meta content-type 定义文件MIME类型
HTML meta charset 定义网页编码信息
HTML meta content-language 定义页面语言
HTML meta refresh 刷新与跳转(重定向)页面
HTML meta expires 网页缓存过期时间
HTML meta pragma no-cache 页面缓存
HTML meta keywords 网页关键词
HTML meta description 网页简短描述
HTML meta author 网页作者
HTML meta copyright 网页版权
HTML meta date 网页生成时间
HTML meta robots 搜索引擎索引方式

meta 标签 – 在head标签中的meta标签,可以为HTML文档提供额外信息
此标签是单独出现的,< meta />此标签只能出现在head标签内

引用网址:http://www.dreamdu.com/xhtml/tag_meta/

属性:

I18N -- i18n属性
xml:lang -- 国际化属性
content -- content属性
http-equiv -- http-equiv属性
id -- id属性
name -- name属性
scheme -- scheme属性
meta的英文翻译为"元"
meta是metainformation的缩写

name属性与content属性

name属性的值所描述的内容(值)通过content属性表示,便于搜索引擎机器人查找,
分类.其中最重要的是description,keywords和robots.

http-equiv属性与content属性

http-equiv属性用于提供HTTP协议的响应头报文(MIME文档头),它是以名称/值形式的名称,http-equiv属性的值所描述的内容(值)通过content属性表示,通常为网页加载前提供给浏览器等设备使用.其中最重要的是content-type charset 提供编码信息,refresh刷新与跳转页面,no-cache 页面缓存,expires网页缓存过期时间.

---

< script> 标签

---

script标签通常放置在一个网页的头部标签head标签内的用于链接外部JS文件外部资源标签，< script> 标签最常见的用途是链接外部js，外部资源。

实例

<   script src="js/index.js" type="text/javascript"></  script>

script使用实例演示
链接外部JS时候script 标签的内容结构解释
src的值为外部资源地址，这里是js文件的地址,相当于link标签href链接外部css文件一样CSS引用

type规定被链接文档的 MIME 类,这里是值为text/javascript
特别说明< script>标签和link标签一样不一定必须放置在< head>标签内,可以适当放置在html网页源代码中任何地方，效果相同，但是推荐标准的放置在head标签内

引用网址http://www.divcss5.com/html/h69.shtml

---

< style> 标签

---

style 标签 – 在文档中声明样式时使用此标签
style标签是成对出现的,以结束
属性
media – 媒体类型,参见CSS高级教程
type – 包含内容的类型,一般使用type=”text/css”
引用网址:http://www.dreamdu.com/xhtml/tag_style/

实例

<   head>
  < style type="text/css">
abbr
{
    font-size: 12px;
}
.text10pxwhite
{
    font-size: 10px;
    color: #FFFFFF;
}
    </ style>
<   / head>