HTML教程-HTML<meta>标签

HTML <meta> 标签用于表示关于HTML文档的元数据。它指定页面描述、关键字、版权、语言、文档的作者等信息。

元数据不会在网页上显示，但会被搜索引擎、浏览器和其他扫描网站或网页的网络服务使用，以了解网页的相关信息。

通过使用 <meta> 标签，您可以实验和预览网页在浏览器上的渲染效果。

<meta> 标签放置在 <head> 标签内，并且可以在文档中使用多次。

语法:

<meta charset="utf-8">

下面是关于HTML <meta> 标签的一些规范:

显示	无
起始标签/结束标签	空标签(仅起始标签)
用法	文档结构

以下是一些 `<meta>` 标签的具体用法示例，展示了 `<meta>` 标签的不同用途。

<meta charset="utf-8">

该标签定义了字符编码。charset 的值为 "utf-8"，表示支持显示任何语言。

<meta name="keywords" content="HTML, CSS, JavaScript, 教程">

它指定了搜索引擎使用的关键字列表。

<meta name="description" content="免费在线教程">

它定义了网站的描述，有助于搜索引擎提供相关的搜索结果。

<meta name="author" content="thisauthor">

它指定了页面的作者。这对于内容管理系统自动提取作者信息非常有用。

<meta name="refresh" content="50">

它指定浏览器在每隔50秒（或给定的时间）后自动刷新内容。

<meta http-equiv="refresh" content="5; url=https://www.javatpoint.com/html-tags-list">

在上面的示例中，我们设置了一个带有内容的URL，因此它会在提供的时间后自动重定向到给定页面。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

它指定视口以控制页面的尺寸和缩放，使我们的网站在所有设备上都具有良好的外观。如果存在此标签，表示该页面支持移动设备。

示例

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="keywords" content="HTML, CSS, JavaScript, 教程">
  <meta name="description" content="免费在线教程">
  <meta name="author" content="thisauthor">
  <meta http-equiv="refresh" content="5; url=https://www.javatpoint.com/html-tags-list">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <h2>Meta标签示例</h2>
  <p>此示例展示了在HTML文档中使用meta标签的用法。</p>
</body>
</html>

属性:

标签特定属性:

属性	值	描述
charset	character_set	它指定了HTML页面的字符编码。
content	text	它根据上下文包含了HTML文档中 "name" 和 "http-equiv" 属性的值。
http-equiv	Content-typedefault-stylerefresh	它指定了由Web服务器提供的关于如何提供网页的信息。
name	application-nameauthordescriptiongeneratorkeywords	它指定了文档级别元数据的名称。
scheme	format/URL	它指定描述元数据的方案。（HTML5中不支持）

全局属性:

<meta> 标签支持HTML中的全局属性。

事件属性:

<meta> 标签支持HTML中的事件属性。

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
`<meta>`	是	是	是	是	是

HTML教程-HTML<meta>标签

语法:

以下是一些 `<meta>` 标签的具体用法示例，展示了 `<meta>` 标签的不同用途。

示例