html5 标记_HTML元标记可以做的5件事-CSDN博客

元标记用于在网页上存储一条信息 。本质上，它是有关数据的信息。其目的是让浏览器和搜索引擎更好地了解和了解页面。

作为网络开发人员，我们习惯于通过meta标签设置页面描述，作者或关键字。但是，我们大多数人可能都不知道许多元标记功能。在这里，我整理了5个您可能从未听说过的meta标签功能 。

1.控制浏览器缓存

当您访问网页时，它将网页存储在缓存中，以使其在后续访问中加载更快。您可能会遇到一个实例，其中您的页面没有使用所做的更改进行更新 。这是因为浏览器向您显示了缓存的页面。为防止这种情况，您可以使用元标记禁用浏览器缓存。要禁用浏览器缓存，可以使用：

<meta http-equiv="Cache-Control" content="no-store" />

在Firefox，Chrome和Internet Explorer中可以识别此元标记。甚至在IE中，您可以在其中使用更多的值和规范来禁用缓存，如下所示。

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

您还可以设置到期日期，以确保浏览器将显示来自服务器而不是来自缓存的文件 。

<meta http-equiv="expires" content="Fri, 18 Jul 2014 1:00:00 GMT" />

上面的元数据意味着文档在指定的日期和时间之后被视为过期。如果将其设置为“ 0 ”，则浏览器将在每次访问时检查是否有新的文档。

2.设置Cookie

与缓存相似， Cookies是您访问的网站存储在浏览器中的一小部分数据 。网站可能会重复使用Cookie来调整某些网站功能。一个真正的日常例子是当您在网上商店购物时。如果您已向购物篮中添加了一些物品，只要您尚未签出，即使您离开浏览器已经几天了，这些物品仍会保留在购物篮中。

要在元标签上设置Cookie，您可以使用：

<meta http-equiv="Set-Cookie" content="name=data; path=path; expires=Day, DD-MMM-YY HH:MM:SS ZONE">

name=data是cookie的名称，它确定其中设置的值。 path是文档的路径。而expired的值表示从您的计算机删除Cookie的时间和日期。如果您将过期日期留空，则退出浏览器后将删除cookie 。

例如，如果我们希望Cookie在2015年1月31日到期，则可以设置：

<meta http-equiv="Set-Cookie" content="name=data; path=path; expires=Thursday, 01-Jan-2015 00:00:00 GMT">

3.刷新网页

您可以将页面设置为在一定时间后刷新。 meta http-equiv =“ refresh”指定浏览器自动刷新页面的延迟（以秒为单位）。以下此meta-tag规范将使浏览器每5秒重新加载一次页面。

<meta http-equiv="refresh" content="5">

在下面，您可以看到该页面由浏览器自动刷新。

4.重定向

我们还可以使用refresh meta标签将页面重定向到特定目标。在查看网页5秒钟后，以下示例将引导我们进入example.com。

<meta http-equiv="refresh" content="5; url=http://example.com/">

您可以在下面看到它。

要立即重定向页面，请将其设置为0 ，如下所示：

<meta http-equiv="refresh" content="0; url=http://example.com/">

5.页面过渡

您也可以使用类似于PowerPoint的方式将带有meta-tag过渡应用于网页。使用meta标签的页面过渡的语法如下所示：

<meta http-equiv="page-enter" content="revealtrans(duration=seconds,transition=num)" />

<meta http-equiv="page-exit" content="revealtrans(duration=seconds,transition=num)" />

<meta http-equiv="page-enter" content="blendTrans(duration=sec)" />

请注意，这仅适用于古老的Internet Explorer，因为page-enter和page-exit是Microsoft专有的元标记规范。您可以使用duration指定过渡将运行多长时间。 Transition应使用0到23之间的数字/整数填充，该数字/整数表示Microsoft提供的过渡类型。而<meta http-equiv =“ page-enter” content =“ blendTrans（duration = sec）” />是另一个没有过渡类型的值。