HTML 标签列表

HTML <meta> 元数据标签

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

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

在元标记的帮助下,您可以试验和预览您的网页在浏览器上的呈现方式。

<meta> 标签放置在 <head> 标签内,它可以在一个文档中多次使用。

句法:

<meta charset="utf-8">

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

展示没有任何
开始标签/结束标签空标签(仅开始标签)
用法文件结构

以下是元标记的一些特定语法,显示了元标记的不同用途。

1. <meta charset="utf-8">

它定义了字符编码。charset 的值是“utf-8”,这意味着它将支持显示任何语言。

2. <meta name="keywords" content="HTML, CSS, JavaScript, Tutorials">

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

3. <meta name="description" content="Free Online tutorials">

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

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

它指定页面的作者。通过内容管理系统自动提取作者信息很有用。

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

它指定向浏览器提供指令以在每 50 秒(或任何给定时间)后自动刷新内容。

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

在上面的例子中,我们设置了一个包含内容的 URL,所以它会在提供的时间后自动重定向到给定的页面。

7. <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, Tutorials">  
    <meta name="description" content="Free Online tutorials">  
    <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>Example of Meta tag</h2>  
<p>This example shows the use of meta tag within an HTML document</p>  
</body>  
</html>

属性:

特定于标签的属性:

HTML 标签列表 = HTML5 中的新功能

属性属性值描述
charsetHTML 标签列表character_set它指定 HTML 页面的字符编码。
contenttext它包含 HTML 文档中属性“name”和“http-equiv”的值,具体取决于上下文。
http-equiv
  • Content-type

  • default-style

  • refresh

它指定了 Web 服务器提供的有关如何提供网页的信息。
name
  • application-name

  • author

  • description

  • generator

  • keywords

它指定文档级元数据的名称。
schemeformat/URL它指定描述元数据的方案。(HTML5 不支持)

全局属性:

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

事件属性:

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

支持浏览器

元素ChromeIEFirefoxSafariOpera
<meta>YesYesYesYesYes


  • 使用社交账号登录,本站支持
全部评论(0)