1.标签定义
<meta> 是html语言head区的一个辅助性标签。
<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
<meta> 标签的属性定义了与文档相关联的
名称/值 对。
<meta> 是用来在HTML文档中模拟HTTP协议的响应头报文。
<meta> 元素
通常用于指定
网页的描述,关键词,作者, 定义用户浏览器上的cookie, 搜索引擎优化(SEO),定义页面使用语言,
自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口 等。
2.meta标签属性
2.1 charset属性
charset 属性是 HTML5 中的新属性.
<meta charset="UTF-8"> //定义文档的字符编码
2.2 content属性
content 属性提供了 名称/值 对中的
值, 始终要和 name 属性或 http-equiv 属性一起使用.
<meta name="keywords" content="HTML,CSS,XML,JavaScript"> |
2.3 name属性
name 属性提供了 名称/值 对中的
名称. 把content属性关联到一个名称。
<meta name="keywords" content="HTML,CSS,XML,JavaScript"> //
定义针对搜索引擎的关键词
<meta name=
"description" content="免费的 web 技术教程."
> //定义对页面内容的描述
<meta name="revised" content="Daivd,2016/12/11"
> //定义页面的最新版本
<meta name="author" content="
root,root@xxxx.com
"> //标注网页的作者
<meta name="generator" content="
FrontPage 4.0
"> //说明生成文档的一个软件包
<meta name="application-name" content="w3cSchool
"> //说明生web应用程序的名称
<meta name="robots" content="
all|none|index|noindex|follow|nofollow
">//
机器人定向: robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
|
all:文件将被检索,且页面上的链接可以被查询;
none:文件将不被检索,且页面上的链接不可以被查询;
index:文件将被检索;
follow:页面上的链接可以被查询;
noindex:文件将不被检索,但页面上的链接可以被查询;
nofollow:文件将被检索,但页面上的链接不可以被查询;
|
2.4 http-equiv属性
http-equiv属性 把content属性关联到
http头部。
http-equiv 属性可用于模拟一个 HTTP 响应头。
<meta http-equiv="refresh" content="3;
url=http://yourlink
"> //
定时让网页在指定的时间3s内,跳转到页面http://yourlink
<meta http-equiv="expires" content="
Fri,12Jan200118:18:18GMT
"> //
设定网页的到期时间。一旦网页过期,必须到服务器上重新传输
<meta http-equiv="Pragma" content="no-cache"> //
禁止浏览器从本地计算机的缓存中访问页面内容。
<meta http-equiv="Set-Cookie" content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/"> //
如果网页过期,那么存盘的cookie将被删除。
|
<meta http-equiv="content-Type"content="text/html;charset=gb2312"> //设置页面显示的字符集
<meta http-equiv="Window-target"content="_top"> //显示窗口的设定
强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;