网页HEAD区代码规范

	加入收藏
	联系我们
	关于我们

您现在的位置：亿聪 >> 网络学院 >> 网站设计 >> HTML/CSS >> 正文

网页HEAD区代码规范

热 ★★★★★

网页HEAD区代码规范

［作者：fkphp 转贴自：CSDN 点击数：11241 更新时间：2004/12/15 文章录入：亿聪］

一个标准的网页首先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="webmaster@xxxxx.com">

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的调用尽量采取外部调用.
<script LANGUAGE="javascript" SRC="script/xxxxx.js"></script>

附<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" content=介绍,无为搜索 />
<meta name="Copyright" content="无为搜索" />
<title>无为搜索-音乐搜索-无为</title>

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