常用的meta标签有哪些

发布时间 2024-01-04 15:47:12作者: 时亚菲

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

常用的meta标签:

1、charset,用来描述HTML文档的编码类型:

<meta charset="UTF-8">

2、keywords,页面关键词:

<meta name="keywords" content="页面关键词">

3、description,页面描述内容:

<meta name="description" content="页面描述内容">

4、refresh,页面重定向和刷新:

<meta http-equiv="refresh" content="0;url=">

5、viewport,适配移动端,可以控制视口的大小和比例:

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

其中,content参数有以下几种:

  • width:宽度(数值/device-width)
  • height:高度(数值/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,文件上的链接不可以被查询