HTML页面meta标签内容详解
所有的浏览器都支持meta标签,用于提供页面相关信息,信息都是以名(http-equiv和name标示)/值(content标示)对的形式现实。
属性content,用于定义http-equiv(定义http头部信息,服务器向浏览器提供的信息)和name(指定网页信息的相关的名称)相关的信息;
http-equiv就是在HTTP头部指定了一些服务器返回给浏览器的有用信息
<meta http-equiv="参数" content="参数变量值">
| 属性 | 值 | 作用 | |
| http-equiv | content-type | 设置页面的字符集 | <meta http-equiv="content-Type" content="text/html; charset=utf-8"> html5页面的做法是直接使用<meta charset="utf-8"/> |
| expires | 设置页面的过期时间 | <meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"> | |
| refresh | 自动刷新到新页面 |
<meta http-equiv="Refresh" content="2;URL=http://www.net.cn/"> //2代表页面停留多长时间后跳转都后面的网址上 |
|
| set-cookie | 如果cookie过期,则自动删除本地cookie | <meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/"> | |
| pragma | 禁止浏览器从本地调用缓存 | <meta http-equiv="Pragma" content="no-cache"> | |
| window-target | 强制页面在浏览器窗口独立显示 | <meta http-equiv="Window-target" content="_top"> | |
| page_enter, page_exit | 设定进入页面和退出页面的效果 | <meta http-equiv="Page-Exit" contect="revealTrans(duration=1.0,transtion= 12)"> | |
| cache-control | 清除缓存 | <meta http-equiv="cache-control" content="no-cache"> |
name把content的内容关联到一个名称上,html和xhtml都没有执行固定的name值,可以自由使用对自己和源文档的读者来说富有意义的名称
| 属性 | 值 | 作用 | 实例 |
| name | author | 指定页面的所有者 | <meta name="author" content="James Bond"/> |
| description | 页面描述,用于搜索引擎收录 | <meta name="description" content="中国设计网是中国起步最早的设计门户网站,设计师的网上家园"/> | |
| keywords | 页面关键词,用于被搜索引擎收录 | <meta name="keywords" content="设计, 师妹"/> | |
| generator | 用于说明网站制作生成工具 | <meta name="generator" content="Microsoft"/> | |
| revised | 网页文档的修改时间 | <meta name="revised" content="设计网, 6/24/2015"/> | |
| viewport | 用于控制页面缩放 | <meta name=”viewport” content=”width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimun-scale=1.0”> //width指定页面的可视宽度, 像素值或device-width, initial-scale设置页面初始化时的缩放比例,user-scalable指定是否可以缩放可视区域, maximum-scale, minimun-scale页面最大最小缩放比例。 如果想要页面在不同的设备都按照页面的设计尺寸缩放(那些宽度固定的网站)就不要使用viewport属性 | |
| copyright | 网页版权信息 | <meta name="copyright" name="Copyright 2015 Ironside"/> | |
| renderer | 使用哪种模式显示网页 |
<meta name="renderer" content="webkit|ie-comp|ie-stand"> webkit标示使用webkit内核打开页面, ie-comp 使用IE兼容模式打开, |
HTML页面meta标签内容详解的更多相关文章
- HTML标签----图文详解
国庆节快乐,还在加班的童鞋,良辰必有重谢! 本文主要内容 头标签 排版标签:<p> <br> <hr> <center> ...
- 【jsp】JSTL标签大全详解
一.JSTL标签介绍 1.什么是JSTL? JSTL是apache对EL表达式的扩展(也就是说JSTL依赖EL),JSTL是标签语言!JSTL标签使用以来非常方便,它与JSP动作标签一样,只不过它不是 ...
- HTML标签----图文详解(二)
HTML标签超详细的图文演示再来一波~~~ 如果还没有看过昨天的福利的,那可要抓紧喽,传送门:HTML标签----图文详解 本文主要内容 列表标签 表格标签 框架标签及内嵌框架<iframe&g ...
- Struts标签库详解【3】
struts2标签库详解 要在jsp中使用Struts2的标志,先要指明标志的引入.通过jsp的代码的顶部加入以下的代码: <%@taglib prefix="s" uri= ...
- POM标签大全详解
父(Super) POM <project xmlns = "http://maven.apache.org/POM/4.0.0" xmlns:xsi = "htt ...
- 029:url标签使用详解
url标签使用详解: 在模版中,我们经常要写一些 url ,比如某个 a 标签中需要定义 href 属性.当然如果通过硬编码的方式直接将这个 url 写死在里面也是可以的.但是这样对于以后项目维护可能 ...
- 027:for标签使用详解
for标签使用详解: for...in... 标签: for...in... 类似于 Python 中的 for...in... .可以遍历列表.元组.字符串.字典等一切可以遍历的对象.示例代码如下: ...
- html 05-HTML标签图文详解(二)
05-HTML标签图文详解(二) #本文主要内容 列表标签:<ul>.<ol>.<dl> 表格标签:<table> 框架标签及内嵌框架<ifram ...
- html 04-HTML标签图文详解(一)
04-HTML标签图文详解(一) #一.排版标签 #注释标签 <!-- 注释 --> #段落标签<p> <p>This is a paragraph</p ...
随机推荐
- 通过trie树单词自动补全(二)
经常使用iciba进行单词查询, 关于他的搜索建议是通过单词前缀做的索引, 所以自己想动手实现下, 当然如果借助mysql的话,一条sql语句就能实现, 网上查询了下trie正适合做这个,所以通过C语 ...
- Dubbo消费端错误: ClassNotFoundException: org.apache.zookeeper.proto.WatcherEvent
出现错误的原因是消费端war没有启动成功, 但是zkClient和Dubbo的对应Thread启动了, web container无法加载对应的类, INFO: Initializing Protoc ...
- IT领域中哲学原理的应用——个体与整体
个体与整体哲学原理在很多学科和领域中都会得到应用,今天就看看IT行业中有哪些地方应用了个体和整体的原理. IT行业可以分为硬件.软件.网络三个领域,我们可以分别针对这三个领域来看下. 硬件方面,最基本 ...
- Good Bye 2016 //智商再次下线,边界爆炸.....
A B很水就略了.. C.又是一次wannafly一样的判断区间的..... 边界设为2000000 正好GG...... fst的时候立马想到上次也是这么wa过的...... 所以下次遇到这种题 ...
- 回答阿里社招面试如何准备,顺便谈谈对于Java程序猿学习当中各个阶段的建议
引言 其实本来真的没打算写这篇文章,主要是LZ得记忆力不是很好,不像一些记忆力强的人,面试完以后,几乎能把自己和面试官的对话都给记下来.LZ自己当初面试完以后,除了记住一些聊过的知识点以外,具体的内容 ...
- MyBatis参数传入集合之foreach用法
传入集合list // 账户类型包括门店和分公司 List<Object> scopeList = new ArrayList<Object>(); scopeList.add ...
- Linux 常用操作命令
基本操作 显示 查看 查找 定时任务 打包压缩 grep sed awk 正则
- 设计模式 “续”
观察者模式 再次申明,本文学习自 程杰 兄的 "大话设计模式" 根据书中的内容和自己的体会而来. 观察者模式也叫 发布.订阅模式,在这个模式里,一个目标物件管理所有依赖它的观察者物 ...
- python中文分词:结巴分词
中文分词是中文文本处理的一个基础性工作,结巴分词利用进行中文分词.其基本实现原理有三点: 基于Trie树结构实现高效的词图扫描,生成句子中汉字所有可能成词情况所构成的有向无环图(DAG) 采用了动态规 ...
- hue install
http://ju.outofmemory.cn/entry/105162 Hue是一个开源的Apache Hadoop UI系统,最早是由Cloudera Desktop演化而来,由Cloudera ...