html<head>标签学习随笔

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

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

下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。

<title> 定义文档的标题，它是 head 部分中唯一必需的元素。

2、HTML <title> 标签

<title> 网页的标题

3、HTML <base> 标签

<base> 定义页面中所有链接的基准 URL。

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

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

<base> 标签所选的属性有target

target属性所对应的值有:

_blank；在新窗口显示目标网页。

_parent；在父框架集中打开。

_self：默认；在当前窗口显示目标网页，默认值，通常（没使用Base标签修改过当前页的默认target属性）不用指定。

_top：在整个窗口中打开

framename：

FrameName(框架名称) 若存在该名称的框架，则在指定的框架中显示目标网页；否则在新窗口显示目标网页，打开的新窗口就相当于名为FrameName的一个框架，当再次打开target属性相同的链接，还是在前面打开的新窗口显示目标网页。

【基本写法】

<head>

</head>

<body>

<a href="http://www.w3school.com.cn">W3School</a>

</body>

3、HTML <link> 标签

【在用于样式表时，<link> 标签得到了几乎所有浏览器的支持，但是几乎没有浏览器支持其他方面的用途。】

rel="stylesheet" stylesheet:样式表

rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系.

rel属性通常出现在a,link标签中

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

【写法】

链接一个外部样式表：

<head>

</head>

4、HTML <meta> 标签

http-equiv属性所对应的值：

content-type 内容类型

expires 过期

refresh 刷新

set-cookie 设置Cookie

http-equiv 属性 -- HTTP协议的响应头报文

此属性出现在meta标签中

此属性用于代替name，HTTP服务器通过此属性收集HTTP协议的响应头报文

此属性的HTTP协议的响应头报文的值应使用content属性描述

【例子】

告诉浏览器等设备，文件为html文件，且使用了utf8编码

【charset属性定义被链接文档的字符编码方式。charset 属性规定被链接文档的字符编码方式。

现代浏览器的默认字符集是 ISO-8859-1。】【charset=gb2312"】是简体中文、在国内很常用

　利用META标签HTTP-EQUIV="refresh"属性实现网页内容自动更换显示，内容更换的时间和文件都可以自行设定：

<head>

<title>网页自已跳转示例</title>

</head>

【t 是刷新的时间，单位是秒。*.* 是跳转的网页或文件路径。】

【expires】过期；用来确定在浏览器上缓冲存储页面距离过期还有多少时间

将Expires的值设为1。这表明在浏览器上缓冲存储的页面可保持1分钟，需要注意的是必须使用GMT时间格式。

【name属性主要用于描述网页】

对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：

name 属性

1、＜meta name=”generator” contect=”"＞用以说明生成工具（如Microsoft FrontPage 4.0）等；

2、＜meta name=”keywords” contect=”"＞向搜索引擎说明你的网页的关键词；

3、＜meta name=”description” contect=”"＞告诉搜索引擎你的站点的主要内容；

4、＜meta name=”author” contect=”你的姓名”＞告诉搜索引擎你的站点的制作的作者；

scheme 属性【为content属性值定义格式（或给出一个包含该信息的URI）】

scheme属性用于给出一个用来解释content属性值的方案，其值可以是一个格式，也可以是一个URI。

<head>

</head>

posted on 2011-08-21 22:43 琉森阅读(199) 评论(0) 收藏举报