一个标准的网页首先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 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=fkasp@iwbuy.com,无为搜索 />
<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"><!--设置网页的cookie过期时间-->
<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 name="" content="">
<meta>的属性有:
author--(设置有关该网页作者的资料)
description---(可简述该网页的内容)
keywords----(可设置该网页中的关键字,不同关键字之间可用逗点隔开)
generator---(可设置该网页是通过那种软件所产生的)
revised-----(可设置该网页的版本)
others-----(可设置其它有关该网页的信息)
----------------------------------------------
content
属性
字符串---(可配合name或http-equiv属性来设置相关信息)
<meta name="ROBOTS" content="all | none | index | noindex | follow | nofollow"> 来确定:
设定为"all"时文件将被检索,且页上链接可被查询;
设定为"none"则表示文件不被检索,而且不查询页上的链接;
设定为"index"时文件将被检索;
设定为"follow"则可查询页上的链接;
设定为"noindex"时文件不检索,但可被查询链接;
设定为"nofollow"则表示文件不被检索,但可查询页上的链接.
http-equiv主要有:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!--网页内容类型,TXT或HTML格式,编码方式为GB2312 -->
<meta http-equiv="refresh" content="5;URL=index.htm">
<!--网页在5秒后自动刷新,链接地址为index.htm页. 使用Refresh元素可以指定在某一时间段后自动对页面对页面进行刷新。或是转到别的网站.-->
二:其它的元素:
<base href="" target="_blank">
<!--基本链接设定,目标为弹出新页面。此项可用于FRAME页中指定链接显示的FRAME,例如:target="main">
<link rel="stylesheet" href="mycss.css">
<!--调入样式表,链接样式表文件"mycss.css" -->
<meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=23)">
<meta http-equiv="Page-Exit" content="RevealTrans (Duration=3, Transition=23)">
加入网页的过场效果 IE 支持
<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之类的东西索引你的网页。 不常用但或许用得着。
来源:http://blog.csdn.net/coolpig86/article/details/5755485
分享到:
相关推荐
head区是指首页HTML代码的<head>和</head>之间的内容。 <br/> 必须加入的标签 <br/> 1.公司版权注释 <!--- The site is designed bywebjx.com 06/2006 ---> <br/><br/> 2.网页显示字符集 ...
META标签是HTML语言head区的一个辅助性标签,它用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。它有两个属性,分别是HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。不同的...
移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head 头标签,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签、元素...
一、页面要求 1) 统一使用标准的页头和页尾 XML/HTML Code复制内容到剪贴板 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 ...meta http-equiv=”Content-Type” content=”text/html; charset
代码编写规范整齐: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1"> <meta name="viewport" content="width=device-width, ...
向上融科前端代码规范浏览器测试与支持我们支持的浏览器为:IE8 +, Chrome, FireFox, ...Meta 标签在 Head 标签内应包含下列常用 meta 标签字符编码:<meta charset="UTF-8">IE兼容模式:<meta http-equiv
javascript实现下拉菜单效果 ...DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; border: 0; } .menu{ width: 100%; height
可用作排版规范化器。 没有依赖关系。 用类.col包裹HTML内容,您就完成了。 npm安装 npm install typeboost.css 用法 <!DOCTYPE html > < html class =" no-js " lang =" ru " > < head > < ...
可用作排版规范化器。 没有依赖关系。 用类.col包裹HTML内容,您就完成了。 npm安装 npm install 16pixels 用法 <!DOCTYPE html > < html class =" no-js " lang =" ru " > < head > < meta ...
javascript实现简单留言板案例 用Javascript实现留言板案例(附带删除留言),供大家参考,具体内容...DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { mar
Javascript实现关闭广告效果 用Javascript实现关闭广告案例,供大家参考,具体内容...DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin:
meta charset="utf-8"/> -- 能正常显示中文 2、<body></body> 属性: 1、text ,取值是一个颜色值(red,green,blue...) 2、bgcolor ,取值也是一个颜色值 Demo : 在刚才的 Demo 基础上 1、在 <...
ApocalypsePage_Original.html,这是一个格式非常规范的页面,所有的样式均来自于外部样式表。 XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta ...
xHtml语法规范 1.HTML中不区分大小写,但是尽量使用小写 2.HTML的注释不能嵌套 3.标签必须结构完整 要么成对出现 要么自结束标签 4.标签可以嵌套但是不能交叉嵌套 5.属性必须有值,且值必须加引号,单引号...
网页头部属性是指 Html 文件中被 <Head> 标识符所作用的区域,Html 文件的头部信息包括了对当前文件一些信息的收集,对 <Head> 区的属性进行修改后,不会直接影响到该文件的视觉效果。但通过对其进行设置,将使...
阅读HTML5的详细规范后你会发现,这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 “data-“开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和风格,但它却是可读可写的。...
小白一枚,如有代码不规范或者写错的地方,希望得大神指导 代码: <!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=viewport content=width=device-width,initial-scale...
natsume.css.io css 1. CSS的介绍 1.1 CSS、HTML、JavaScript各司其职 Cascading Style Sheets html: 结构 CSS: 表现 ...meta charset="UTF-8"> <title>Title</title> <!-- 规范 <st
本文实例为大家分享了js本地图片预览的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <!-- <...DOCTYPE html>一定要放在第一行,除非上面都是空行 ...meta charset=utf8> <style> input[typ