文档章节

META属性值用法 (第二次更新)

哈狮子
 哈狮子
发布于 2014/10/08 11:34
字数 1490
阅读 11
收藏 0

http-equiv属性

<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
blendTrans是动态滤镜的一种,产生渐隐效果。这个是页面被载入和调出时的一些特效。   滤镜效果设置其他方法:<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
Duration表示时间(单位:秒)      Transition表示使用哪种特效,取值为0-23。
0 矩形缩小   1 矩形扩大  2 圆形缩小  3 圆形扩大  4 下到上刷新    5 上到下刷新
6 左到右刷新  7 右到左刷新 8 竖百叶窗  9 横百叶窗  10 错位横百叶窗  11 错位竖百叶窗
12 点扩散
13 左右到中间刷新 14 中间到左右刷新
15 中间到上下   16 上下到中间   17 右下到左上
18 右上到左下   19 左上到右下   20 左下到右上
21 横条      22 竖条      23 以上
22种随机选择一种


Expires(期限)
说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)。用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
注意:必须使用GMT的时间格式。


Pragma(cache模式)
说明:禁止浏览器从本地计算机的缓存中访问页面内容。
用法:<meta http-equiv="Pragma" content="no-cache">
注意:这样设定,访问者将无法脱机浏览。


Refresh(刷新)
说明:自动刷新并指向新页面。
用法:<meta http-equiv="Refresh" content="2;URL=http://www.root.net">(注意后面的引号,分别在秒数的后面和网址的前面)
注意:其中的2是指停留2秒钟后自动刷新到URL网址。


Set-Cookie(cookie设定)
说明:如果网页过期,那么存盘的cookie将被删除。浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。

用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">
注意:必须使用GMT的时间格式。


Window-target(显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。
用法:<meta http-equiv="Window-target" content="_top">
注意:用来防止别人在框架里调用自己的页面。强制页面在当前窗口以独立页面显示。可防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。


content-Type(显示字符集的设定)
说明:设定页面使用的字符集。
用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">
第二种方法:<meta charset="gbk"/>


content-Language(显示语言的设定)
用法:<meta http-equiv="Content-Language" content="zh-cn" />

 

Content-Script-Type

用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">

说明:页面中脚本的类型,符合W3C规范

 

name属性

<Meta name="Keywords" Content=" ">

页面关键词(搜索引擎关注)如:

<meta name="keywords" content="计算机培训|计算机专业|网络工程师专业|软件工程师专业|网页设计师专业" />

 

<Meta name="Description" Content="你网页的简述">

页面简介和相关描述,如:

<meta name="description" content="专业从事计算机各专业高端培训学校,现开设软件工程师专业|网络工程师专业|网页设计师专业,打造计算机综合人才" />

 

<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">

robots相关用法,默认值是all,此项用的时候一定要仔细了。 all:文件将被搜索引擎检索;

none:文件将不被搜索引擎检索;(和 "noindex, no follow" 起相同作用)

index:文件将被搜索引擎检索;

follow:页面上的链接可以被搜索引擎查询;

noindex:文件将不被搜索引擎检索,但页面上的链接可以被查询;(不让robot/spider登录)

nofollow:文件将被搜索引擎检索,页面上的链接不被查询

noarchive -在搜索结果中不保存当前页面的快照

noshippet - 在搜索结果中不采用当前页面的头部描述信息,且不保存当前页面的快照

NOODP -搜索结果中不使用开放目录如DMOZ中的描述信息,Yahoo、MSN也支持此类标签。

NONE -不索引当前页面以及其中的所有链接,相当于“NOINDEX, NOFOLLOW”


<Meta name="Author" Content="张三,abc@sina.com">

content值里面填写作者相关的信息

 

<Meta name="Copyright" Content="版权信息All Rights Reserved">

版权信息填写   (Copyright--版权)

 

<Meta name="Generator" Content="DreamW">

使用软件、编辑器信息


其它
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 1、width : 控制viewport的大小,可以指定一个值,如600, 或者特殊的值,如device-width为设备的宽度(单位为缩放为100%的CSS的像素)
 2、height : 和width相对应,指定高度
 3、initial-scale : 初始缩放比例,页面第一次加载时的缩放比例
 4、maximum-scale : 允许用户缩放到的最大比例,范围从0到10.0
 5、minimum-scale : 允许用户缩放到的最小比例,范围从0到10.0
 6、user-scalable : 用户是否可以手动缩放,值可以是:①yes、 true允许用户缩放;②no、false不允许用户缩放 


<meta name="renderer" content="webkit">
浏览器默认采用高速模式渲染页面


<meta http-equiv="X-UA-Compatible" content="IE=edge">
为了让 IE 浏览器运行最新的渲染模式下; 在每个被支持的 IE 版本中拥有最好的绘制效果

© 著作权归作者所有

哈狮子
粉丝 2
博文 18
码字总数 4651
作品 0
常州
私信 提问
html 的 meta 总结,html 标签中 meta 属性使用介绍

引子 之前的我的博客中对于meta有个介绍,例如:http://www.haorooms.com/post/liulanqthinkie 浏览器安全性想到的这篇文章,中间介绍了meta下面IE的一些属性,可以实现页面之间的过渡转换。...

Jack088
2015/11/12
73
0
html的meta总结,html标签中meta属性使用介绍

引子 之前的我的博客中对于meta有个介绍,例如:http://www.haorooms.com/post/liulanqthink_ie 浏览器安全性想到的这篇文章,中间介绍了meta下面IE的一些属性,可以实现页面之间的过渡转换。...

Daniel_s
2016/01/27
15
0
Meta http-equiv属性详解

本文转载于:猿2048网站Meta http-equiv属性详解 Meta http-equiv属性详解(参考链接:http://www.w3school.com.cn/tags/tag_meta.asp) http-equiv顾名思义,相当于http的文件头作用,它可以向...

前端老手
09/01
13
0
浏览器缓存相关的Http头介绍:Expires,Cache-Control,Last-Modified,ETag

缓存对于web开发有重要作用,尤其是大负荷web系统开发中。 缓存分很多种:服务器缓存,第三方缓存,浏览器缓存等。其中浏览器缓存是代价最小的,因为浏览器缓存依赖的是客户 端,而几乎不耗费...

pczhangtl
2013/11/15
242
0
HTML 中meta标签的学习!

所有浏览器都支持 <meta> 标签。 <meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 <meta> 元素可提供有关页面的元信息(meta-information),...

这些年了1990
2014/03/17
180
1

没有更多内容

加载失败,请刷新页面

加载更多

golang-字符串-地址分析

demo package mainimport "fmt"func main() {str := "map.baidu.com"fmt.Println(&str, str)str = str[0:5]fmt.Println(&str, str)str = "abc"fmt.Println(&s......

李琼涛
今天
4
0
Spring Boot WebFlux 增删改查完整实战 demo

03:WebFlux Web CRUD 实践 前言 上一篇基于功能性端点去创建一个简单服务,实现了 Hello 。这一篇用 Spring Boot WebFlux 的注解控制层技术创建一个 CRUD WebFlux 应用,让开发更方便。这里...

泥瓦匠BYSocket
今天
8
0
从0开始学FreeRTOS-(列表与列表项)-3

FreeRTOS列表&列表项的源码解读 第一次看列表与列表项的时候,感觉很像是链表,虽然我自己的链表也不太会,但是就是感觉很像。 在FreeRTOS中,列表与列表项使用得非常多,是FreeRTOS的一个数...

杰杰1号
今天
9
0
Java反射

Java 反射 反射是框架设计的灵魂(使用的前提条件:必须先得到代表的字节码的 Class,Class 类 用于表示.class 文件(字节码)) 一、反射的概述 定义:JAVA 反射机制是在运行状态中,对于任...

zzz1122334
今天
7
0
聊聊nacos的LocalConfigInfoProcessor

序 本文主要研究一下nacos的LocalConfigInfoProcessor LocalConfigInfoProcessor nacos-1.1.3/client/src/main/java/com/alibaba/nacos/client/config/impl/LocalConfigInfoProcessor.java p......

go4it
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部