常见的meta标签有哪些-优快云博客

本文链接：https://blog.youkuaiyun.com/t_i_a_n_1_1/article/details/130889716

meta标签用于描述网页属性，如编码类型、关键词、描述、刷新率和移动端适配。例如，charset定义文档编码，keywords设置页面关键词，description提供页面概述，refresh用于页面重定向或刷新，viewport控制移动端视口，而robots指示搜索引擎如何索引页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义

meta 标签由 name 和 content 属性定义，用来描述网页文档的属性，比如网页的作者，网页描述，关键词等，除了HTTP标准固定了一些name作为大家使用的共识，开发者还可以自定义name。

（1）charset，用来描述HTML文档的编码类型：

<meta charset="UTF-8" >

（2） keywords，页面关键词：

<meta name="keywords" content="HTML,CSS,XML,JavaScript">

（3）description，页面描述：

<meta name="description" content="免费在线教程" />

（4）refresh，页面重定向和刷新：

<meta http-equiv="refresh" content="0;url=" />
<!-- 页面定期刷新，如果加url的，则会重新定向到指定的网页，content后面跟的是时间（单位秒） -->

（5）viewport，适配移动端，可以控制视口的大小和比例：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--
其中，content 参数有以下几种：

width viewport ：宽度(数值/device-width)
height viewport ：高度(数值/device-height)
initial-scale ：初始缩放比例
maximum-scale ：最大缩放比例
minimum-scale ：最小缩放比例
user-scalable ：是否允许用户缩放(yes/no）
-->

（6）搜索引擎索引方式：

<meta name="robots" content="index,follow" />
<!--
其中，content 参数有以下几种：

all：文件将被检索，且页面上的链接可以被查询；
none：文件将不被检索，且页面上的链接不可以被查询；
index：文件将被检索；
follow：页面上的链接可以被查询；
noindex：文件将不被检索；
nofollow：页面上的链接不可以被查询。
-->