网页头部META代码

时间：2009-06-19 来源：lsstarboy

网页头部META代码

一个标准的网页首先head区是需要比较规范的！
head区是指首页HTML代码的<head>和</head>之间的内容。

必须加入的标签

1.公司版权注释

2.网页显示字符集
简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

3.网页制作者信息
<META name="author" content="[email][email protected][/email]">

4.网站简介
<META NAME="DEscriptION" CONTENT="网站简介">

5.搜索关键字
<META NAME="keywords" CONTENT="关键字,关键字,关键字,关键字,关键字,">

6.网页的css规范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(参见目录及命名规范)

7.网页标题
<title>xxxxxxxxxxxxxxxxxx</title>
.可以选择加入的标签
1）.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
2）.禁止浏览器从本地机的缓存中调阅页面内容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
3）.用来防止别人在框架里调用你的页面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
4）.自动跳转。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
5指时间停留5秒。

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

6.收藏夹图标
<link rel = "Shortcut Icon" href="favicon.ico">
所有的javascript的调用尽量采取外部调用.

附<body>标签：
<body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景
<body bgcolor="#FFFFFF">[/html]

新标准


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; lang="gb2312">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" />
<meta content="all" name="robots" />
<meta name="description"
content="iwbuy.com是一个搜索的网站，主要搜索音乐,flash,SEO,列车航班等等!
" />
<meta name="keywords" content="seo,flash,音乐,MTV,列车,航班" />
<meta name="author" [email protected],无为搜索 />
<meta name="Copyright" content="无为搜索" />
<title>无为搜索-音乐搜索-无为</title>

<link rel="stylesheet" href="images/style.css" _fcksavedurl=""images/style.css"" _fcksavedurl=""images/style.css"" _fcksavedurl=""images/style.css"" type="text/css" media="all" />
</head>

header中的内容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="expires" content="2005/05/05 18:00:00">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Refresh" content="5;http://blog.csdn.net/overmind">
<meta http-equiv="set-cookie" content="2005/05/05 18:00:00">
<meta http-equiv="Window-target" content="_top">
<meta http-equiv="Page-Enter" content="revealTrans(duration=1000000,transition=50000000)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=1000000,transition=50000000)">
<meta name="keywords" content="overmind,zerg,protoss">
<meta name="description" content="哈哈哈哈哈">
<title>无标题文档</title>
</head>

<body>
aaa
</body>
</html>

最常用到的head原素

一：META

Meta:它可以记录当前页面的信息，例如字符编码、作者、版权和关键字等。还可以用来向服务器提供信息，例如截止日期和页面刷新间隔等。

META 有两种，name 和 http-equiv。

Name主要有：

<meta>的属性有:

author--(设置有关该网页作者的资料)

description---(可简述该网页的内容)

keywords----(可设置该网页中的关键字，不同关键字之间可用逗点隔开)

generator---(可设置该网页是通过那种软件所产生的)

revised-----(可设置该网页的版本)

others-----(可设置其它有关该网页的信息)
----------------------------------------------

content
属性

字符串－－－（可配合name或http-equiv属性来设置相关信息）

http-equiv主要有：

<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">
对于不想加入浏览缓存的文件需要在加入代码

<link rel="shortcut icon" href="favicon.ico">
单页增加　IE5　的频道图标

<meta NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
防止别人用search bot，web spider之类的东西索引你的网页。不常用但或许用得着。