来源:http://www.cndaliu.com/Details/133beac5-48ab-4d44-9bf8-25f1911b1b10.aspx
一个标准的网页首先head区是需要比较规范的!
head区是指首页HTML代码的<head>和</head>之间的内容。
必须加入的标签
1.公司版权注释
<!--- The site is designed by Maketown,Inc 06/2000 --->
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]webmaster@xxxxx.com[/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的调用尽量采取外部调用.
<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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="cndaliu@163.com,大刘" name="author" />
<meta content="all" name="robots" />
<meta content="www.cndaliu.com,刘广巍" name="copyright" />
<meta content="大刘的个人博客" name="description" />
<meta content="Asp.net 2.0,.Microsoft .NET Framework,博客" name="keywords" />
<title>大刘的博客_cndaliu.com</title><!-- 调用样式表 -->
<link rel="stylesheet" href="images/style.css" type="text/css" media="all" />
</head>