关于meta标签
来源:互联网 发布:mp8播放器软件下载 编辑:程序博客网 时间:2024/06/06 17:10
关于meta标签(力求“大全”)
前言:
HTML/XHTML/DHTML并不简单,我想就单说一个meta标签都不见得有谁能完全掌握好(也许很多人根本都不会关心它)。
在我刚刚更新了IE到IE9时,发现了一个小现象,就是用IE9打开我做的页面时会出现“Compatibility View”按钮,而访问Google时就没有,这是为什么呢(你会去考虑这个问题吗)?后来多方查找之后才发现了原因,在google的页面源代码里有“<meta http-equiv="X-UA-Compatible" content="IE=edge">”这么一行,就是因为有了它,IE的“兼容性视图”按钮才不显示的。
接下来继续查找meta标签相关的信息,发现,这里面其实还有很多学问呢,所以我想把关于meta标签的知识收集起来以方便参考。
下面便是正文:
<!--
x-ua-compatible(浏览器兼容模式)
仅对IE8+以效
告诉浏览器以什么版本的IE的兼容模式来显示网页
<meta http-equiv="X-UA-Compatible" content="IE=5" >
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
其中最后一行是永远以最新的IE版本模式来显示网页的。
另外加上Emulate模式
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
Emulate模式后则更重视<!DOCTYPE>
(细心的人会注意到,用IE9去访问带有x-ua-compatible的页面时是不会出现兼容视图按钮的)
-->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<!--
expires(期限)
可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅
必须使用GMT的时间格式
-->
<meta http-equiv="expries" content="Wed, 26 Feb 2012 08:21:57 GMT" />
<!--
pragma(cach模式)
禁止浏览器从本地的缓存中调阅页面内容
设定后访问者将无法脱机浏览
-->
<meta http-equiv="pragma" content="no-cache" />
<!--
refresh(刷新)
定时让网页自动链接到指定URL,单位是秒
-->
<meta http-equiv="refresh" content="5;url="http://www.baidu.com" />
<!--
set-cookie(cookies设定)
定义Cookies
-->
<meta http-equiv="set-cookie" content="cookievalue=xxx;expires=Wed, 26 Feb 2012 08:21:57 GMT;path=/" />
<!--
window-target(显示窗口的设定)
设置当前窗口页面显示方式
如果设置成_top就会强制页面在当前窗口以独立页面显示,防止别人在框架里调用页面
-->
<meta http-equiv="window-target" content="_top" />
<!--
content-type(显示字符集设定)
设定页面使用的字符集
-->
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<!--
content-language(显示语言的设定)
设置页面的显示语言
-->
<meta http-equiv="content-language" content="zh-cn" />
<!--
keywords(关键字)
告诉搜索引擎这个网页的关键字
-->
<meta name="keywords" content="girl, sexy, hot" />
<!--
description(简介)
告诉搜索引擎网站的主要内容
-->
<meta name="description" content="This page is about pretty girls." />
<!--
robots(机器人向导)
告诉搜索引擎哪些页面需要索引,哪些页面不需要索引
content的值包括:all, none, index, noindex, follow, nofollow。 默认是all
-->
<meta name="robots" content="none" />
<!--
author(作者)
标网页作者
-->
<meta name="author" content="cqqjj1029@gmail.com" />
x-ua-compatible(浏览器兼容模式)
仅对IE8+以效
告诉浏览器以什么版本的IE的兼容模式来显示网页
<meta http-equiv="X-UA-Compatible" content="IE=5" >
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
其中最后一行是永远以最新的IE版本模式来显示网页的。
另外加上Emulate模式
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
Emulate模式后则更重视<!DOCTYPE>
(细心的人会注意到,用IE9去访问带有x-ua-compatible的页面时是不会出现兼容视图按钮的)
-->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<!--
expires(期限)
可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅
必须使用GMT的时间格式
-->
<meta http-equiv="expries" content="Wed, 26 Feb 2012 08:21:57 GMT" />
<!--
pragma(cach模式)
禁止浏览器从本地的缓存中调阅页面内容
设定后访问者将无法脱机浏览
-->
<meta http-equiv="pragma" content="no-cache" />
<!--
refresh(刷新)
定时让网页自动链接到指定URL,单位是秒
-->
<meta http-equiv="refresh" content="5;url="http://www.baidu.com" />
<!--
set-cookie(cookies设定)
定义Cookies
-->
<meta http-equiv="set-cookie" content="cookievalue=xxx;expires=Wed, 26 Feb 2012 08:21:57 GMT;path=/" />
<!--
window-target(显示窗口的设定)
设置当前窗口页面显示方式
如果设置成_top就会强制页面在当前窗口以独立页面显示,防止别人在框架里调用页面
-->
<meta http-equiv="window-target" content="_top" />
<!--
content-type(显示字符集设定)
设定页面使用的字符集
-->
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<!--
content-language(显示语言的设定)
设置页面的显示语言
-->
<meta http-equiv="content-language" content="zh-cn" />
<!--
keywords(关键字)
告诉搜索引擎这个网页的关键字
-->
<meta name="keywords" content="girl, sexy, hot" />
<!--
description(简介)
告诉搜索引擎网站的主要内容
-->
<meta name="description" content="This page is about pretty girls." />
<!--
robots(机器人向导)
告诉搜索引擎哪些页面需要索引,哪些页面不需要索引
content的值包括:all, none, index, noindex, follow, nofollow。 默认是all
-->
<meta name="robots" content="none" />
<!--
author(作者)
标网页作者
-->
<meta name="author" content="cqqjj1029@gmail.com" />
我知道目前整理来的信息还是不够会的,比如字符编码和显示语言的值都是什么,再比如有一些进入和离开的动画显示等等,此后我会继续收集整理,也欢迎大家随时来指点指点。
再次强调,HTML/XHTML/DHTML不简单,前端不简单,而且每一个前端设计师都应该有一个信念,要做出兼容任何浏览器的作品来!加油!
- 关于META标签
- 关于meta标签
- 关于<meta>标签用法
- 关于meta标签
- 关于网页中的meta标签
- 关于meta标签的使用
- 关于html中的meta标签
- 关于JS中新增meta标签
- 关于meta标签(力求“大全”)
- 关于meta标签(力求“大全”)
- 关于移动WebApp 的 meta 标签
- 关于meta标签的几个常见作用
- 关于h5中meta标签的使用
- 记录-meta标签-关于移动端
- 关于meta标签中的viewport属性
- 关于meta标签的几种设置
- 关于meta标签的作用大集合
- meta标签 spring meta
- python脚本读取邮件,有错。
- 学习socket nio 之ByteBuffer
- mysql 一张表的数据存入另一张表
- Gzip解压和压缩
- 把共享库(SO)加载到指定的内存地址
- 关于meta标签
- [Unity3d]安卓开发环境配置
- 线程池任务队列
- asp.net多条件查询功能并统计查询到的数目
- 如何用perform selector调用超过两个以上参数的方法
- 【leetcode】Spiral Matrix
- linux wait函数解析
- 基于NFC技术的SWP方案以及在SIM卡中的实现方法
- iOS知识点总结——KVO