一、title标记
<title> 元素定义网页文档的标题。是网页中不可缺少的元素。其特性:
1、此标记只能写在head区域中.
2、title的内容通常在浏览器的标题栏中显示.
3、浏览器中收藏夹内书签的名称是title的内容.
4、title的内容可以方便搜索引擎索引页面(一般放置关键词).
5、从搜索引擎搜索到的内容的标题往往是网页title的内容.
6、title通常体现了网页的主体内容,所以记得一定要加上。
二、认识Meta标记
Meta标记是html语言head区的一个辅助性标签。几乎所有的网页里,我们可以看到一些meta标记:
例:
<head>
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
</head>
也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集;可以声明页面的编码;可以设定页面格式及刷新等等。
三、 Meta标签的组成
1、meta标签共有两个属性:
<1>name属性;<2>http-equiv;属性不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
1)、name属性
name属性主要用于描述网页,与之对应的属性值为content,meta标签的name属性语法格式是:
<meta name=“参数” content=“具体的参数值”>
name属性的几种主要参数:
A、Keywords(关键字)
例:<meta name =“keywords” content=“关键字”>
B、description(网站内容描述)
例:<meta name=“description” content=“描述内容.”>
C、robots(机器人向导)——all,none,index,noindex,follow,nofollow
例:<meta name="robots" content="index, follow" />
D、author(作者)
例:<meta name="author" content="root,root@21cn.com">
<meta name="author" content="公司名称等">
2)、http-equiv属性
语法格式是: <meta http-equiv=“参数” content=“参数变量值”> ;
http-equiv属性几种主要参数:
A、Expires(期限)——用于设定网页的到期时间
<meta http-equiv=“expires” content=“Fri, 12 Jan 2001 18:18:18 GMT”>
B、Pragma(cache模式)——禁止浏览器从本地计算机的缓存中访问页面内容
<meta http-equiv=“Pragma” content=“no-cache”>
C、Refresh(刷新)——自动刷新并指向新页面
<meta http-equiv=“Refresh” content=“2;URL=http://www.root.net”>
D、Set-Cookie(cookie设定)——网页过期,存盘的cookie将被删除
<meta http-equiv=“Set-Cookie” content=“cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/”>
E、Window-target(显示窗口设定)——强制页面在当前窗口以独立页面显示
<meta http-equiv=“Window-target” content=“_top”>
F、content-Type(显示字符集的设定)——设定页面使用的字符集
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
2、meta标签的功能:
1)、帮助主页被各大搜索引擎登录(keywords、description)
2)、定义页面的使用语言
3)、自动刷新并指向新的页面
4)、实现网页转换时的动画效果
5)、网页定级评价
6)、控制页面缓冲
7)、控制网页显示的窗口