Skip to content

WARNING

此页面更新中,待完善

meta 标签在 html 中用来提供关于文档的元信息(metadata)。这些元信息不会直接显示在页面上,而是提供给浏览器、搜索引擎等客户端程序使用。常见的 meta 标签包括描述页面内容、指定字符集、设置视口等。

以下是一些常见的 meta 标签及其作用:

字符集设置

html
<meta charset="UTF-8">
<meta charset="UTF-8">

用于指定文档使用的字符编码,通常设置为 UTF-8,以支持多语言字符。

视口设置

WARNING

该断落待完善

html
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

用于控制页面在移动设备上的视口尺寸和缩放行为,提供更好的移动端浏览体验。

描述页面内容

html
<meta name="description" content="这是页面的描述信息">
<meta name="description" content="这是页面的描述信息">

提供页面的简要描述,有助于搜索引擎优化(SEO)。

关键字

html
<meta name="keywords" content="关键词1, 关键词2, 关键词3">
<meta name="keywords" content="关键词1, 关键词2, 关键词3">

提供页面的关键字,有助于搜索引擎索引。

作者

html
<meta name="author" content="作者姓名">
<meta name="author" content="作者姓名">

指定页面的作者。

禁止浏览器缓存

html
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

用于禁止浏览器缓存页面内容,确保用户获取的是最新版本的页面。

这些 meta 标签可以在 <head> 部分中使用,提供给浏览器和搜索引擎更多关于页面的信息。