Meta标签用于存储web页面上的信息。本质上讲,它是信息数据。他帮助浏览器和搜索引擎更好地知道、理解页面内容。
Web开发者,通过Mata标签设置页面描述、作者或关键字等等。然而,许多meta标签功能,我们大多数人可能不知道。本文为大家整理了5个你可能从未知道的HTNL Meta标签功能。
1、控制浏览器缓存
当我们访问网页,本地缓存可以让我们提高访问该页面的速度。有时候,你可能会发现,你再次访问的页面没有得到更新,这是因为浏览器显示缓存页面。如果,你想这种事情不再发生,通过使用Meta标签禁用浏览器缓存,可以解决。代码如下:
以上代码在主流浏览器上都可以使用。可以使用更多的值和规范禁用缓存:
你也可以设置一个截止日期,以确保浏览器将显示来自服务器的文件,而且是最新内容,而不是缓存中的。
上面的代码意思是,指定的日期和时间文件过期时间。
2、设置cookie
和缓存相似,cookies你在浏览器访问过的网站的一小块数据存储信息。现在很多网站都会使用cookie,最典型的例子,就是,我们在很多网站上看到不断变换的广告。如果你在百度上搜索了某商品,那么他就会被存储下来,一般来说都会存储1-7天,也有可能更长。
设置cookie,你可以使用下面的代码:
name=data 是cookie名称,由设置的值决定。反之,expired表示cookie到期后删除的时间。如果把过期时间设置为空,你关掉浏览器,cookie就会被清空。
举个例子,我想把cookie过期时间设置为2015年1月31日:
3、刷新网页
你可以设置一段时间后对页面进行刷新操作。meta http-equiv="refresh"可以指定浏览器延迟一段时间自动刷新页面。下面的meta-tag指定浏览器每5秒自动刷新一次。
下图为效果:
4、重定向
我们可以使用refresh meta标签对页面进行重定向。下面的例子将在5秒后访问example.com
我们可以看下动画效果:
如果是要立即生效,可以设计为0,如下:
5、网页转换
你可以使用meta-tag如PPT一样转换页面,转换语法如下:
注意:这 只适合老IE浏览器。page-enter 、page-exit 是微软专有的meta标签规范。你可以使用duration设置时间。Transition由0-23的数字/整数组成。相反,meta http-equiv="page-enter" content="blendTrans(duration=sec)" 是另外的非转换类型值。
meta标签
参考:http://www.jb51.net/web/158860.html META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). 一.HTTP标题信息(HTT ...
Asp.net 后台添加CSS、JS、Meta标签
Asp.net 后台添加CSS.JS.Meta标签的写法,我这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.UI.Htm ...
浏览器内核控制Meta标签说明文档【转】
背景介绍 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲 ...
HTML <;meta>; 标签,搜索引擎
关于Mate标签的详尽解释,请查看w3school 网址为:http://www.w3school.com.cn/tags/tag_meta.asp meta标签作用 META标签是HTML标记HEA ...
使用视 meta 标签来控制手机浏览器布局
移动浏览器的Fennec一样呈现在一个虚拟的"窗口"页面(视),通常比屏幕宽.所以他们不需要去挤每个页面布局到一个小窗口(这会破坏许多非移动优化的网站) .用户可以平移和缩放才能看 ...
html meta标签属性与内容
meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...
Meta标签介绍
Meta标签写法与作用 meta标签是在HTML网页源代码中一个重要的html标签.meta位于head区的辅助性标签,提供用户不可用的信息. META标签用来描述一个HTML网页文档的属性,例 ...
meta标签中的http-equiv属性使用介绍(转载)
meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...
爬虫技术 -- 进阶学习(十一)【补充】获取html中meta标签中的content的内容
上一篇网易新闻页面信息抓取 -- htmlagilitypack搭配scrapysharp中提及了很多如何快速抓取html中的文本的语句, 但是meta标签中的content内容的抓取,没有提及到! ...
Meta标签详解(HTML JAVASCRIPT)
Meta标签详解,在网上转的,希望对大家有用 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广 个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中 ...
随机推荐
浅析SQL SERVER执行计划中的各类怪相
在查看执行计划或调优过程中,执行计划里面有些现象总会让人有些疑惑不解: 1:为什么同一条SQL语句有时候会走索引查找,有时候SQL脚本又不走索引查找,反而走全表扫描? 2:同一条SQL语句,查询条件的 ...
[转]Mybatis极其(最)简(好)单(用)的一个分页插件