- 您好！欢迎来到鲲鹏知舟
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>
属性：
特定于标签的属性：
= HTML5 中的新功能
| 属性 | 属性值 | 描述 |
|---|---|---|
| charset | character_set | 它指定 HTML 页面的字符编码。 |
| content | text | 它包含 HTML 文档中属性“name”和“http-equiv”的值，具体取决于上下文。 |
| http-equiv |
| 它指定了 Web 服务器提供的有关如何提供网页的信息。 |
| name |
| 它指定文档级元数据的名称。 |
| scheme | format/URL | 它指定描述元数据的方案。（HTML5 不支持） |
全局属性：
<meta> 标签支持 HTML 中的全局属性
事件属性：
<meta> 标签支持 HTML 中的事件属性。
支持浏览器
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <meta> | Yes | Yes | Yes | Yes | Yes |
-
使用社交账号登录,本站支持
全部评论(0)