数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究有哪些不同的标签用于定义 HTML 页面中的特殊元信息？
元数据是指关于数据的信息。HTML 中的 <meta> 标签提供了关于 HTML 文档的完整信息。
在制作网页或网站时添加元标签是一个好习惯，因为搜索引擎使用此元标签来了解有关网站的信息。在搜索特定网站时，它也有帮助，搜索结果页面将显示在搜索结果中。这些标签基本上用于添加作者姓名、键值对来描述 HTML 文档的属性，例如过期日期、作者姓名等，即用于指定字符集、页面描述和视口设置。
此标签的属性承载了与网页相关的所有信息。
我们可以根据信息包含一个或多个元标签，它不会影响网页文档的物理外观。
<meta> 标签接受四个属性。
name - 用于定义属性的名称。
http-equiv - 用于获取 HTTP 响应消息头。
content - 用于指定属性值。
charset - 用于指定 HTML 文件的字符编码。
<meta> 标签的内容在浏览器中不可见。它们只是为了提供有关 HTML 文档的其他信息而添加的。
<meta> 标签被添加到我们的 HTML 文档中是为了进行搜索引擎优化。
<meta> 标签添加到 <head> 内。
语法
以下是 HTML 中元标签的语法。
<meta attribute-name="value">
示例 1
以下是一些添加元信息和使用 <meta> 标签的不同方法，例如：
关键字 - 与属性对应的值定义了搜索引擎的关键字。
<meta name="keywords" content="HTML, CSS, JavaScript">
字符集 - 与属性对应的值定义了字符集 - HTML 文档的字符编码。
<meta charset="UTF-8">
以下是 HTML 中元标签的示例，添加关键字和字符集的元信息。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="keywords" content="meta tag"> </head> <body> <p>In this example we have added two meta tags. For</p> <ol> <li>character_set</li> <li>keyword</li> </ol> <p>Meta tag contents are not visible on your browser.They are just added to give additional information about the HTML document. The mata tag is added inside the head tag</p> </body> </html>
以下是上述示例程序的输出。
示例 2
以下是一些添加元信息和使用 <meta> 标签的不同方法，例如：
作者 - 使用以下语法添加网页的 作者。
<meta name="author" content="Amit">
描述 - 使用以下语法定义网页的 描述。
<meta name="description" content="Learn from Text and Video Tutorials">
以下是 HTML 中元标签的示例。
<!DOCTYPE html> <html> <head> <meta name="description" content="meta tag in HTML"> <meta name="author" content="lokesh"> </head> <body> <p>In this example we have added two meta tags. For</p> <ol> <li>description</li> <li>author name</li> </ol> <p>Meta tag contents are not visible on your browser. They are just added to give additional information about the HTML document. The mata tag is added inside the head tag</p> </body> </html>
以下是上述示例程序的输出。
示例 3
以下是 HTML 中元标签的语法。
刷新 - 与属性对应的值定义了刷新 - 每隔指定时间（以秒为单位）刷新文档。
<meta http-equiv="refresh" content="30">
视口 - 与属性对应的值定义了视口 - 布局根据设备的大小和功能进行更改。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
以下是 HTML 中元标签的示例。
<!DOCTYPE html> <html> <head> <meta http-equiv="refresh" content="30"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <p>In this example we have added two meta tags. For</p> <ol> <li>refresh - for refreshing the page </li> <li>viewport - layout changes based on the size and capabilities of the device </li> </ol> <p>Meta tag contents are not visible on your browser. They are just added to give additional information about the HTML document. The mata tag is added inside the head tag</p> </body> </html>
以下是上述示例程序的输出。
我们可以根据信息包含一个或多个元标签，它不会影响网页文档的物理外观。
示例 4
以下是一些添加元信息和使用 <meta> 标签的不同方法，例如：
作者 - 使用以下语法添加网页的 作者。
<meta name="author" content="Amit">
描述 - 使用以下语法定义网页的 描述。
<meta name="description" content="Learn from Text and Video Tutorials">
关键字 - 使用以下语法向网页添加 关键字。
<meta name="keyword" content="Java, WordPress, Drupal, Android, iOS">
设置视口 - 视口用于控制移动浏览器上的布局。它用于 <meta> 标签内部，以便向浏览器提供有关如何控制网页尺寸和缩放的指令。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
以下是 HTML 中元标签的示例。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="description" content="meta tag in the web document"> <meta name="keywords" content="HTML,CSS"> <meta name="author" content="lokesh"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <p>Meta tag contents are not visible on your browser. They are just added to give additional information about the HTML document. </p> </body> </html>
以下是上述示例程序的输出。
364 次查看
