Meta Tags

优质

小牛编辑

132浏览

2023-12-01

HTML允许您以各种方式指定元数据 - 有关文档的其他重要信息。 META元素可用于包括描述HTML文档属性的名称/值对，例如作者，到期日期，关键字列表，文档作者等。

《meta》标签用于提供此类附加信息。此标记是一个空元素，因此没有结束标记，但它在其属性中包含信息。

您可以根据要保留在文档中的信息在文档中包含一个或多个元标记，但一般来说，元标记不会影响文档的外观，因此从外观的角度来看，如果包含元标记并不重要他们与否。

将元标记添加到您的文档中

您可以通过放置来添加元数据到您的网页文档标题内的标记，由《head》和《/head》标记表示。除核心属性外，元标记还可以具有以下属性 -

Sr.No	属性和描述
1	Name 物业名称。可以是任何东西。示例包括关键字，描述，作者，修订版，生成器等。
2	content 指定属性的值。
3	scheme 指定用于解释属性值的方案（在content属性中声明）。
4	http-equiv 用于http响应消息头。例如，http-equiv可用于刷新页面或设置cookie。值包括content-type，expires，refresh和set-cookie。

指定关键字

您可以使用标记指定与文档相关的重要关键字，稍后搜索引擎会使用这些关键字，同时将网页编入索引以进行搜索。

例子 (Example)

以下是一个示例，我们将HTML，元标记，元数据添加为关于文档的重要关键字。

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

文件说明

您可以使用标签来简要描述文档。在为您的网页编制索引以进行搜索时，各种搜索引擎也可以使用此功能。

例子 (Example)

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

文件修订日期

您可以使用标记提供有关上次更新文档的时间的信息。刷新网页时，各种Web浏览器可以使用此信息。

例子 (Example)

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "xnip, 3/7/2014" />
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

文件刷新

标记可用于指定网页自动刷新的持续时间。

例子 (Example)

如果您希望每5秒后页面保持刷新，请使用以下语法。

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "xnip, 3/7/2014" />
      <meta http-equiv = "refresh" content = "5" />
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

页面重定向

您可以使用标记将您的网页重定向到任何其他网页。如果要在特定秒数后重定向页面，还可以指定持续时间。

例子 (Example)

以下是在5秒后将当前页面重定向到另一页面的示例。如果要立即重定向页面，请不要指定content属性。

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "xnip, 3/7/2014" />
      <meta http-equiv = "refresh" content = "5; url = http://www.xnip.cn" />
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

设置Cookies

Cookie是数据，存储在计算机上的小文本文件中，并在Web浏览器和Web服务器之间进行交换，以根据您的Web应用程序需求跟踪各种信息。

您可以使用标记在客户端存储cookie，稍后Web服务器可以使用此信息来跟踪站点访问者。

例子 (Example)

以下是在5秒后将当前页面重定向到另一页面的示例。如果要立即重定向页面，请不要指定content属性。

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "xnip, 3/7/2014" />
      <meta http-equiv = "cookie" content = "userid = xyz;
         expires = Wednesday, 08-Aug-15 23:59:59 GMT;" />
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

如果您未包含到期日期和时间，则cookie将被视为会话cookie，并在用户退出浏览器时被删除。

Note - 您可以查看PHP和Cookies教程以获取有关Cookie的完整详细信息。

设置作者姓名

您可以使用元标记在网页中设置作者姓名。看下面的例子 -

例子 (Example)

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

指定字符集

您可以使用标记指定网页中使用的字符集。

例子 (Example)

默认情况下，Web服务器和Web浏览器使用ISO-8859-1（Latin1）编码来处理Web页面。以下是设置UTF-8编码的示例 -

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
      <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

要使用繁体中文字符提供静态页面，网页必须包含标记才能设置Big5编码 -

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
      <meta http-equiv = "Content-Type" content = "text/html; charset = Big5" />
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>