📅 最后修改于: 2023-12-03 15:15:44.038000 🧑 作者: Mango
HTML <meta> 标签 用于向浏览器和搜索引擎提供有关网页的元信息。它位于 <head> 元素内，不会在页面中显示任何内容。
<meta> 标签通常用于指定字符编码、页面描述、关键词、作者和视口设置等信息。
以下是标签的基本语法：
<meta name="属性名称" content="属性值">
常见的属性包括：
指定网页所使用的字符编码方式。
<meta charset="UTF-8">
指定网页在不同设备上的显示方式。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
描述网页的简短内容。
<meta name="description" content="网页描述">
指定网页的关键词，有助于搜索引擎优化。
<meta name="keywords" content="关键词1, 关键词2, 关键词3">
指定网页的作者。
<meta name="author" content="作者名称">
设置网页的自动刷新或重定向。
<!-- 自动刷新，2秒后跳转到新的URL -->
<meta http-equiv="refresh" content="2;url=http://www.example.com">
<!-- 3秒后重定向到新的URL -->
<meta http-equiv="refresh" content="3;url=http://www.example.com">
一个包含多个 <meta> 标签的例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="这是一个网页描述">
<meta name="keywords" content="HTML, Meta, 标签">
<meta name="author" content="John Doe">
<meta http-equiv="refresh" content="5;url=http://www.example.com">
<title>我的网页</title>
</head>
<body>
<!-- 网页内容 -->
</body>
</html>
这个例子演示了如何使用 <meta> 标签来设置字符编码、视口、页面描述、关键词、作者和重定向等信息。
使用 <meta> 标签，我们可以提供关于网页的重要信息，帮助浏览器和搜索引擎正确地解析和显示网页内容。这些元信息对于搜索引擎优化和移动端适配都非常重要，因此程序员需要熟练掌握 <meta> 标签的使用方法。正确定义和使用 <meta> 标签将提高网站的可访问性和用户体验。