HTML元描述标签

HTML允许您以各种方式指定元数据——关于文档的附加重要信息。元元素可以用来包括描述HTML文档属性的名称/值对,如作者、截止日期、关键字列表、文档作者等。

<meta>标签用于提供这样的附加信息。这个标记是一个空元素,因此没有结束标记,但是它在属性中携带信息。

您可以根据要在文档中保留的信息在文档中包含一个或多个元标签,但一般来说,元标签不会影响文档的物理外观,因此从外观的角度来看,是否包含它们并不重要。

html meta 元描述标签

向您的文档添加元标签

您可以通过将<meta>标记放在文档的标题中来为网页添加元数据,标题由<head>和</head>标记表示。除了核心属性之外,元标签还可以具有以下属性:

序号属性和描述
1Name
属性的名称。可以是任何东西。例子包括,关键词,描述,作者,修订,生成器等。
2content
指定属性的值。
3scheme
指定解释属性值的方案(如在内容属性中声明的那样)。
4http-equiv
用于http响应消息头。例如,http-equiv可用于刷新页面或设置cookie。值包括内容类型、过期、刷新和设置cookie。

指定关键词

你可以使用标签来指定与文档相关的重要关键字,之后这些关键字会被搜索引擎在索引你的网页时使用。

例子

下面是一个例子,我们将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>

这将产生以下结果:

Hello HTML5!

文件描述

你可以使用标签来给出一个关于文档的简短描述。这也可以被各种搜索引擎在索引您的网页时使用。

例子

<!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>

文件修订日期

你可以使用标签来提供关于上次更新文档的时间信息。这些信息可以被各种浏览器在刷新网页时使用。

例子

<!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 = "Tutorialspoint, 3/7/2014" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

文件刷新

标签可以用来指定一个持续时间,之后您的网页会自动刷新。

例子

如果你想让你的页面每隔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 = "Tutorialspoint, 3/7/2014" />
      <meta http-equiv = "refresh" content = "5" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

页面重定向

您可以使用<meta>标记将您的页面重定向到任何其他网页。如果您想在特定秒数后重定向页面,也可以指定持续时间。

例子

以下是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 = "Tutorialspoint, 3/7/2014" />
      <meta http-equiv = "refresh" content = "5; url = https://onionseo.com/" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

设置Cookies

Cookies是一种数据,存储在您的计算机上的小文本文件中,它是在浏览器和网络服务器之间进行交换,根据您的网络应用需要,跟踪各种信息。

您可以使用标签在客户端存储Cookie,以后网站服务器可以使用这些信息来跟踪网站访问者。

例子

以下是5秒后将当前页面重定向到另一个页面的例子。如果你想立即重定向页面,那么不要指定内容属性。

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <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,并在用户退出浏览器时被删除。

设置作者姓名

你可以在网页中使用元标签设置作者名称。请看下面的例子:

例子

<!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>

指定字符集

你可以使用标签来指定网页中使用的字符集。

例子

默认情况下,Web服务器和Web浏览器使用ISO-8859-1(Latin1)编码处理网页。以下是设置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>

发表评论

电子邮件地址不会被公开。 必填项已用*标注