在 HTML 文档中添加元数据
要在 HTML 文档中添加元数据，我们使用 <meta> 标签。元数据提供了有关 HTML 文档的重要信息。它用于添加值对来描述 HTML 文档的属性，例如文档作者、关键字列表、到期日期、作者姓名等。
元数据仅包含一个标签，即起始标签 <meta>。元数据在其属性中承载信息。即使我们根据信息在 Web 文档中添加一个或多个元标签，<meta> 标签也不会改变文档的物理外观。
语法
以下是 HTML 中元标签的用法 −
<meta attribute-name="value">
特性
以下是使用 <meta> 标签时需要记住的要点。
<meta> 数据在 HTML 中不可见，但可以被机器解析。
它只是帮助我们提供有关 HTML 文档的附加信息。
我们添加 <meta> 标签是为了搜索引擎优化。
<meta> 标签供网络浏览器、搜索引擎和其他网站使用。
我们会将元标签写入 head 部分。
Meta 标签的属性
以下是 <meta> 使用的属性标签执行操作。
name − 定义属性的名称。
http-equiv − 用于获取 HTTP 响应消息头。
content − 指定属性值。
charset − 指定 HTML 文件的字符编码。
scheme − 确定可用于解密内容属性值的方案。
示例
以下示例演示了 <meta> 标签的用法 −
<html> <head> <title>HTML meta tag</title> <meta name="keywords" content="HTML, meta tag, metadata" /> <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Description of the document" /> <meta http-equiv="refresh" content="10" /> </head> <body style="background-color:orange"> <p> Meta data used to add value pairs for describing the properties of HTML documents, like document author, list of keywords, expiry date, author name, etc.</p> </body> </html>
实现 <meta> 标签有多种方法，可使用以下属性值 −
突出显示重要关键词:
提供网页描述:
文档修订日期:
自动刷新:
指定网页作者:
突出显示重要关键词
meta 标签提供网页上存在的关键词，浏览器会根据搜索结果对网页进行排名。为了优化内容的 SEO 排名，我们使用搜索引擎优化 (SEO)。
示例
以下示例尝试突出显示关键词 −
<!DOCTYPE html> <html> <head> <meta name="keywords" content="Meta Tags, Metadata" /> </head> <body> <p>Welcome to TutorialsPoint</p> </body> </html>
为网页提供描述
网页的简短描述可以包含在元标记中，这有助于网页在互联网上的排名。
示例
在下面的示例中，我们尝试使用 <meta> 标记提供网站描述 −
<!DOCTYPE html> <html> <head> <!-- meta tag starts --> <meta name="keywords" content="Meta Tags, Metadata" /> <meta name="description" content="Tutorials Point is a leading Ed Tech company " /> <!-- meta tag ends --> </head> <body> <p>TutorialsPoint.com</p> </body> </html>
文档修订日期
<meta> 标签还可以提供有关文档上次更新的信息，这有助于不同的 Web 浏览器在刷新网页时进行区分。
示例
在这里，我们尝试使用 <meta> 标签检索有关上次更新的信息 −
<!DOCTYPE html> <html> <head> <meta name="keywords" content="Meta Tags, Metadata" /> <meta name="description" content="Learn about Meta Tags." /> <meta name="revised information" content="last updated time" /> </head> <body> <p>TutorialsPoint WebSite</p> </body> </html>
自动刷新
<meta> 标签用于在指定时间后自动刷新网页。<meta> 标签中指定了网页必须在特定时间后自动刷新。
示例
以下是在 <meta> 标签中包含刷新属性值的示例。
<!DOCTYPE html> <html> <head> <meta name="keywords about" content="Meta Tags, Metadata" /> <meta name="description" content="Knowing about Meta Tags." /> <meta name="revised about" content="Tutorials" /> <meta http-equiv="refresh" content="8" /> <body> <p>TutorialsPoint WebSite</p> </body> </html>
提及网页作者
如果我们想提及网页作者，可以使用<meta>标签。
示例
以下示例将作者姓名作为属性值添加到<meta>标签中。
<!DOCTYPE html> <html> <head> <meta name="keywords used " content="Meta Tags, Metadata" /> <meta name="description about" content="Meta tags." /> <meta name="author" content="Bhanu Priya" /> </head> <body> <p>TutorialsPoint WebSite</p> </body> </html>
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
