html meta标签中的http-equiv属性介绍

阅读数:376 评论数:0

跳转到新版页面

分类

html/css/js

正文

一、概述

meta标签共有两个属性,它们分别是http-equiv属性和name属性。

二、meta标签的name属性

name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

meta标签的name属性语法格式是:

<meta name="参数" content="具体的参数值">。

其中name属性主要有以下几种参数: 

1、Keywords

keywords用来告诉搜索引擎你网页的关键字是什么。

<meta name="keywords" content="science,education,culture,politics,ecnomics,relationships,entertaiment,human">

2、description

description用来告诉搜索引擎你的网站主要内容。

<meta name="description" content="Thispageisaboutthemeaningofscience,education,culture.">

3、robots

robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

content的参数有all,none,index,noindex,follow,nofollow。默认是all。

4、author

标注网页的作者

三、meta标签的http-equiv属性

http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容。

meta标签的http-equiv属性语法格式是:

<meta http-equiv="参数" content="参数变量值">;

其中http-equiv属性主要有以下几种参数:

1、Expires

可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

<meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT">

注意:必须使用GMT的时间格式。

2、Pragma

禁止浏览器从本地计算机的缓存中访问页面内容。

<meta http-equiv="Pragma" content="no-cache">

注意:这样设定,访问者将无法脱机浏览。

3、Refresh

自动刷新并指向新页面

<meta http-equiv="Refresh" content="2;URL=http://www.jb51.net">

注意:其中的2是指停留2秒钟后自动刷新到URL网址。

4、Set-Cookie

如果网页过期,那么存盘的cookie将被删除。

<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">

5、Window-target

强制页面在当前窗口以独立页面显示。

<meta http-equiv="Window-target" content="_top">

用来防止别人在框架里调用自己的页面。

6、content-Type

设定页面使用的字符集,首部用来指定报文体的类型,譬如是文本还是多媒体,其中可以通过charset来指定内容所使用的字符休。

<meta http-equiv="content-Type" content="text/html;charset=gb2312">

7、content-Language

content-Language的形式为: 主标记-子标记1-子标记2,主标记主要用于标识语言分类,譬如ch、en等,子标记1用于标记标准化的国家代码cn、br等,子标记2可能是用于私有定制的。

<meta http-equiv="Content-Language" content="zh-cn"/>

个人理解中,在content-Type指定charset时,content-language是多余的,但不知道理解对不对?

8、Cache-Control

指定请求和响应遵循的缓存机制。

(1)请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached

(2)响应时消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。

各个消息中的指令含义如下:

public 指示响应可被任何缓存区缓存
private 指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效
no-cache 协议缓存,可 以在客户端存储资源,每次都必须去服务端做检验,来决定从服务端获取新的资源,还是使用客户端缓存。
no-store 永远都不要客户端存储资源
max-age=[秒]/s-maxage 以请求为例,当客户端发送带有max-age的指令时,缓存服务器会判断当前缓存时间的数据和max-age的大小,如果比max-age小,则当前缓存仍有效。
must-revalidate 代理服务器返回前会再次向源服务器验证缓存是否有效(会忽略max-stable)
min-fresh 要求缓存服务器返回 还未过指定时间的缓存资源(例如指定数值为60秒,则在60s内如果有过期的资源,则无法返回)
max-stable 例如指定60s,那么资源过期时间在60s内也可以接收
only-if-cached 在资源已经被缓存的情况下,才要求其返回
proxy-revalidate  和must-revalidate差不多,这个用在缓存服务器中的

 




相关推荐

一、script标签属性 async 表示立即下载该脚本,但不妨碍页面中的其他操作,只对外部文件有效。 charset 与src属性一起使用,告诉浏览器用来编码这个javascript程序的

svg 是Scalable Vector Graphics意为可缩放矢量图形,SVG使用XML格式定义二维图形和绘图程序的语言。 一、使用方式 1、SVG文件可以

最近自己做了一个网站,使用了cdn加速bootstrap和jquery的加载。这里先解释一下什么是cdn。 c

og是一种新的HTTP头部标记(Open Graph协议)这种协议可以让网页成为一个&ldquo;富媒体对象&rdquo;(被其他网站引用等)。目前主流百度,360等等搜索引擎已经支持og富媒体

鼠标右移,右上角。   webstorm快捷键 ctrl+/ 注释 按两个shift键 快速查找 ctrl+r 替换 alt+鼠标选择 纵向修改排列在一条线上的元素 ctrl+

一、application/x-www-form-urlencoded 1、浏览器的原生form表单。 2、提交的数据按照key1=val1&amp;key2=v

主要是给table放到一个div里去,然后再设置div显示滚动条 &lt;!--div比table大小要小才

一、简介 html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏,它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。 html2canvas脚本将页面渲染成一个canvas

一、原因 音频自动播放会被大多数的浏览器所阻止。 二、解决方法 添加muted属性,这个属性用于规定视频的音频输出应该是静音。

在使用html语法编写html5文档时,要求指定文档类型,以确保浏览器能在html5标准模式下渲染网页。 <!doctype html> html语法不区分大小写,<!DOCTYPE html>和<!