数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究在 HTML 文档中包含元数据
要在 HTML 文档中包含元数据，我们使用 <meta> 标签。元数据提供有关 HTML 文档的重要信息。它用于添加描述 HTML 文档属性的键值对，例如文档作者、关键词列表、过期日期、作者姓名等。
元数据仅包含一个标签，即开始标签 <meta>。元数据在其属性中携带信息。<meta> 标签不会更改文档的物理外观，即使我们在基于信息的一个或多个 Web 文档中包含一个或多个元标签。
语法
以下是 HTML 中元标签的用法：
<meta attribute-name="value">
功能
以下是在使用 <meta> 标签时需要注意的重要事项。
HTML 中的 <meta> 数据不可见，但可以被机器解析。
它只是帮助我们提供有关 HTML 文档的其他信息。
我们添加 <meta> 标签是为了进行搜索引擎优化。
<meta> 标签被 Web 浏览器、搜索引擎和其他网站使用。
我们将元标签写入 head 部分。
元标签的属性
以下是 <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> 标签，可以使用以下属性值：
突出显示重要关键词
提供网页描述
文档修订日期
自动刷新
指定网页作者
突出显示重要关键词
元标签提供网页上存在的关键词，Web 浏览器利用这些关键词根据搜索结果对页面进行排名。为了优化内容的 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>
273 次查看
