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"/>
时间: 2024-11-05 19:03:02

HTML页面meta标签内容详解的相关文章

meta标签之详解

meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <head><meta http-equiv="content-Type" content="text/html; charset=gb2312"></head> 也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集:可以设定页面格式及刷新等等.

转 meta标签之详解

meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <head><meta http-equiv="content-Type" content="text/html; charset=gb2312"></head> 也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集:可以设定页面格式及刷新等等.

HTML5基础与Meta http-equiv属性详解

HTML基础知识 <!DOCTYPE> 声明帮助浏览器正确地显示网页. <html> 元素定义了整个 HTML 文档. 现代网站都使用meta来声明页面内容的编码格式,我们推荐这种方式 : <meta http-equiv="Content-Type" content="text/html; charset=GBK"> 参考: head元素(head)及其包含的子元素 <head>    定义关于文档的信息. <

Struts标签库详解【3】

struts2标签库详解 要在jsp中使用Struts2的标志,先要指明标志的引入.通过jsp的代码的顶部加入以下的代码: <%@taglib prefix="s" uri="/struts-tags" %> If elseif  else 描述: 执行基本的条件流转. 参数: 名称 必需 默认 类型 描述 备注 test 是 boolean 决定标志里的内容是否显示的表达式 else标志没有这个参数 id 否 Object/String 用来标识元素的

iframe标签用法详解(属性、透明、自适应高度)(总结)

<iframe src="http://www.jb51.net" width="200" height="500"> 脚本之家使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问脚本之家. </iframe> 在transparentBody.htm文件的<body>标签中,我已经加入了style="background-color=transparent" 通过以下四种

[安卓学习]AndroidManifest.xml文件内容详解

一,重要性 AndroidManifest.xml是Android应用程序中最重要的文件之一.它是Android程序的全局配置文件,是每个 android程序中必须的文件.它位于我们开发的应用程序的根目录下,描述了package中的全局数据,包括package中暴露的组件 (activities, services, 等等),以及他们各自的实现类,各种能被处理的数据和启动位置等重要信息. 因此,该文件提供了Android系统所需要的关于该应用程序的必要信息,即在该应用程序的任何代码运行之前系统所

struts2标签库详解

原文:struts2标签库详解 源代码下载地址:http://www.zuidaima.com/share/1781606927846400.htm 要在jsp中使用Struts2的标志,先要指明标志的引入.通过jsp的代码的顶部加入以下的代码: <%@taglib prefix="s" uri="/struts-tags" %> If elseif  else 描述: 执行基本的条件流转. 参数: 名称 必需 默认 类型 描述 备注 test 是 bo

027:for标签使用详解

for标签使用详解: for...in... 标签: for...in... 类似于 Python 中的 for...in... .可以遍历列表.元组.字符串.字典等一切可以遍历的对象.示例代码如下: {% for person in persons %} <p>{{ person.name }}</p> {% endfor %} 如果想要反向遍历,那么在遍历的时候就加上一个 reversed .示例代码如下: {% for person in persons reversed %

GridView内容详解(转载)

GridView内容详解(转载) GridView是ASP.NET界面开发中的一个重要的控件,对GridView使用的熟练程度直接影响软件开发的进度及功能的实现.(车延禄)GridView的主要新特性:    1.与DataSource控件结合实现了显示与数据操作的分离,大大减化了代码的编写量;    2.实现"双向绑定",无需手动检索数据.    2.在列的类型上新增了CheckBoxField和ImageField两个类型列;    3.对排序和分页可以实现异步操作;    4.对