所有的浏览器都支持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标签内容详解的更多相关文章

  1. HTML标签----图文详解

    国庆节快乐,还在加班的童鞋,良辰必有重谢! 本文主要内容 头标签 排版标签:<p>     <br>     <hr>     <center>     ...

  2. 【jsp】JSTL标签大全详解

    一.JSTL标签介绍 1.什么是JSTL? JSTL是apache对EL表达式的扩展(也就是说JSTL依赖EL),JSTL是标签语言!JSTL标签使用以来非常方便,它与JSP动作标签一样,只不过它不是 ...

  3. HTML标签----图文详解(二)

    HTML标签超详细的图文演示再来一波~~~ 如果还没有看过昨天的福利的,那可要抓紧喽,传送门:HTML标签----图文详解 本文主要内容 列表标签 表格标签 框架标签及内嵌框架<iframe&g ...

  4. Struts标签库详解【3】

    struts2标签库详解 要在jsp中使用Struts2的标志,先要指明标志的引入.通过jsp的代码的顶部加入以下的代码: <%@taglib prefix="s" uri= ...

  5. POM标签大全详解

    父(Super) POM <project xmlns = "http://maven.apache.org/POM/4.0.0" xmlns:xsi = "htt ...

  6. 029:url标签使用详解

    url标签使用详解: 在模版中,我们经常要写一些 url ,比如某个 a 标签中需要定义 href 属性.当然如果通过硬编码的方式直接将这个 url 写死在里面也是可以的.但是这样对于以后项目维护可能 ...

  7. 027:for标签使用详解

    for标签使用详解: for...in... 标签: for...in... 类似于 Python 中的 for...in... .可以遍历列表.元组.字符串.字典等一切可以遍历的对象.示例代码如下: ...

  8. html 05-HTML标签图文详解(二)

    05-HTML标签图文详解(二) #本文主要内容 列表标签:<ul>.<ol>.<dl> 表格标签:<table> 框架标签及内嵌框架<ifram ...

  9. html 04-HTML标签图文详解(一)

    04-HTML标签图文详解(一) #一.排版标签 #注释标签 <!-- 注释 -->   #段落标签<p> <p>This is a paragraph</p ...

随机推荐

  1. 3.bootstrap练习笔记-媒体内容

    bootstrap练习笔记-多媒体对象 1.在bootstrap中,如果想存放内容,一种解决的方式就是利用media这个class 首先要设置一个div.container作为一个总的容器来存放内容 ...

  2. Winform程序Chrome内核 WebBrowser 控件

    准备工作 Chrome浏览器的内核不叫Chrome,而是Webkit,因此,我们只要找到Webkit的项目就好了. 1.下载WebKit的项目bin,网址如下: https://sourceforge ...

  3. C 语言学习 第一次作业总结

    第一次的作业是冯老师布置的练习题,需要在pta平台上完成.我这边看不到结果,但是透过冯老师给出的截图,同学们都还是认真的去做的.同时,我这边也布置了一个持续 3 周的作业:熟悉 git 的使用.因为后 ...

  4. 第五次团队作业——【Alpha版本】随笔汇总

    031402304 陈燊 031402342 许玲玲 031402337 胡心颖 03140241 王婷婷 031402203 陈齐民 031402209 黄伟炜 031402233 郑扬涛 [Alp ...

  5. linux终端常用快捷键

    Ctrl + d       删除一个字符,相当于通常的Delete键(命令行若无任何字符,则相当于exit:处理多行标准输入时也表示EOF ) Ctrl + h       退格删除一个字符,相当于 ...

  6. CodeForces 548D 单调栈

    Mike and Feet Time Limit:1000MS     Memory Limit:262144KB     64bit IO Format:%I64d & %I64u Subm ...

  7. yii2.0归档安装方法

    我前几天用composer安装 一直没成功  我就用归档的方法安装了  所以这篇文字只帮助那些用归档方法安装的朋友 Yii是一个高性能的,适用于开发WEB2.0应用的PHP框架. Yii自带了丰富的功 ...

  8. windows2003安装证书服务:csp配置不正确、您没有此密钥容器的写访问权限

    1.填写CA名称后在生成密钥时提示:csp配置不正确或安装不完整.      原因:可能的原因为CS服务(Crysptographic Service)没有启动 . ps:该服务依赖RPC服务,但RP ...

  9. php 如何解决“您访问的域名有误或网页不存在”

    对一个域名访问,在家访问正常,到办公室就总是看到下面的页面. 清楚浏览器浏览数据是一个解决途径.这里通过Chrome浏览做示例.通过标记路径,进入清除界面. 也可以在浏览器地址中输入 chrome:/ ...

  10. Angular指令渗透式理解

    通过一段时间对angular指令的使用,理解了angular指令的意义,下面逐一介绍一下. ng-app:定义一个angualr模块,表示angular作用的范围,如下代码: ng-app在html标 ...