普遍使用的meta
head里面的几个标签中,
title最为大家熟悉,script和style也是用的很多。
base相信也不陌生,要注意的是这个标签不能闭合。
link主要用来引入外部css和指定页面图标,如:
- <link href="external.css" rel="stylesheet" type="text/css" />
- <link href="favicon.ico" rel="shortcut icon" />
meta一直没有弄清楚,具体有哪些常用的,又各代表什么含义,花点时间找了些资料总结如下:
- content-type
如:<meta http-equiv="content-type" content="text/html; charset=UTF-8" />,指定页面编码。 - cache-control
如:<meta http-equiv="cache-control" content="NO-CACHE" />,指定是否启用缓存。 - expires
如:<meta http-equiv="expires" content="Wed, 9 Nov 2011 12:00:00 GMT" />,指定页面过期时间。 - refresh
如:<meta name="refresh" content="3;URL=http://www.cnblogs.com/nozer0" />,
这个比较有趣,大家有时候访问网站时会看到诸如'3秒后将转入首页'之类的,有时就是利用的这个meta。如果只是"3",则表示3秒后刷新当前页面。 - set-cookie
如:<meta http-equiv="set-cookie" content="name=value;expires=date;path=url" />,设置cookie。 content-script-type
如:<
meta http-equiv="content-script-type"
content="text/javascript" />,指定inline script的类型。
content-
style
-type
如:
<
meta http-equiv="content-style-type"
content="text/css" />,指定inline
style
的类型。
- robots
如:<meta name="robots" content="NONE" />,指定爬虫对网页的权限,NONE或者ALL或者INDEX之类,支持多个权限,用','分隔。 - googlebot
如:<meta http-equiv="googlebot" content="noarchive" />,这是专为google服务的,作为robots的补充。 - content-language
如:<meta http-equiv="content-language" content="en-US,zh-CN" />,这个一看就明了,主要是给搜索引擎分档用,下面的几个也基本都是为搜索引擎服务的。 - description
如:<meta name="description" content="普遍使用的meta..." /> - keywords
如:<meta http-equiv="keywords" content="web, html, meta..." /> - author
如:<meta name="author" content="nozer0" /> - date
如:<meta http-equiv="date" content="Thu, 18 Nov 2008 19:11:42 GMT" /> - last-modified
如:<meta http-equiv="last-modified" content="Thu, 18 Nov 2008 19:11:42 GMT" /> - copyright
如:<meta name="copyright" content="©nozer0" /> - X-UA-Compatible
如:<meta http-equiv="X-UA-Compatible" content="IE=8" />,ie8新搞出的玩意,这个和DOCTYPE决定采用的渲染模式,"IE=EmulateIE8"表示由DOCTYPE决定,"IE=8"则剥夺了DOCTYPE的权力,无论怎样都是采用IE8的标准模式渲染,还有比较特别的一个值是"IE=edge",表示使用目前能支持的最高模式。