srcmini本文概述
HTML <meta>标记用于表示有关HTML文档的元数据。它指定页面描述, 关键字, 版权, 语言, 文档作者等。
元数据不会显示在网页上, 但是搜索引擎, 浏览器和其他Web服务会使用元数据来扫描该网站或网页以了解该网页。
借助meta标记, 你可以尝试并预览网页在浏览器中的呈现方式。
<meta>标记位于<head>标记内, 并且可以在文档中多次使用。
句法：
<meta charset="utf-8">以下是有关HTML <meta>标记的一些规范
| Display | None |
| 开始日期/结束日期 | Empty Tag(Only Start tag) |
| Usage | 文件结构 |
以下是元标记的一些特定语法, 显示了元标记的不同用法。
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.srcmini02.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.srcmini02.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文档中属性“名称”和“ http等效”的值。 |
| http-equiv | 内容类型默认样式刷新 | 它指定Web服务器给出的有关如何提供网页的信息。 |
| name | 应用程序名称作者描述生成器关键字 | 它指定文档级元数据的名称。 |
| scheme | format/URL | 它指定描述元数据的方案。 （HTML5不支持） |
全局属性：
<meta>标记支持HTML中的全局属性
事件属性：
<meta>标记支持HTML中的事件属性。
支持的浏览器
| Element | Chrome | IE | Firefox | Opera | Safari |
| <meta> | Yes | Yes | Yes | Yes | Yes |
评论前必须登录！
注册