数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
Microsoft Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究在 HTML 文档中包含元数据
要在 HTML 文档中包含元数据，我们使用 <meta> 标签。元数据提供有关 HTML 文档的重要信息。它用于添加值对以描述 HTML 文档的属性，例如文档作者、关键字列表、过期日期、作者姓名等。
元数据仅包含一个标签，即开始标签 <meta>。元数据在其属性中携带信息。<meta> 标签不会改变文档的物理外观，即使我们在基于信息的网页文档中包含一个或多个元标签。
语法
以下是 meta 标签在 HTML 中的用法：
<meta attribute-name="value">
特性
以下是使用 <meta> 标签时需要注意的重要事项。
HTML 中的 <meta> 数据不可见，但可以被机器解析。
它只是帮助我们提供有关 HTML 文档的附加信息。
我们添加 <meta> 标签是为了搜索引擎优化。
<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 排名，我们使用搜索引擎优化。
示例
在以下示例中，我们尝试突出显示关键字：
<!DOCTYPE html> <html> <head> <meta name="keywords" content="Meta Tags, Metadata" /> </head> <body> <p>Welcome to TutorialsPoint</p> </body> </html>
为网页提供说明
网页的简短说明可以包含在 meta 标签中，这有助于在互联网上对页面进行排名。
示例
在以下示例中，我们尝试使用 <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> 标签还可以提供有关上次更新文档的信息，这在刷新网页时可帮助不同的网页浏览器。
示例
在这里，我们尝试使用 <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>
272 次浏览
