常见的meta标签

首先我们了解一下(即使开发了7到8年，有些参数值也不是很清楚，建议复习一下)

HTML <meta> 标签 | 菜鸟教程

示例

下面开始正式复习

这种标签，官方称为元数据（Metadata）是数据的数据信息.

元数据不会显示在客户端，但是会被浏览器解析。

META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。

元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。

 

 

以下为示例解释

content-Type：声明字符编码

<meta charset="utf-8">  // H5新增，推荐使用
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //旧的HTML

cache-control：指定请求和响应遵循的缓存机制(想更改缓存机制的这里可以改)

<meta http-equiv="cache-control" content="no-cache">

 各类参数值如下:

 expires：网页到期时间，到期后网页必须到服务器上重新传输。

<meta http-equiv="expires" content="Sunday 26 October 2018 10:00 GMT" />

refresh：自动刷新并指向某页面

<meta http-equiv="refresh" content="2; URL=http://www.sina.com/"> //意思是2秒后跳转新浪

X-UA-Compatible：浏览器采取何种版本渲染当前页面

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //指定IE和Chrome使用最新版本渲染当前页面

Set-Cookie：为页面定义cookie

<meta http-equiv="Set-Cookie" content="name, date"> //格式

revisit-after：搜索引擎爬虫重访时间

<meta name="revisit-after" content="one week" >

copyright：标注版权信息

<meta name="copyright" content="gebiwangxiaomei"> //代表该网站为gebiwangxiaomei版权所有

<meta name="keywords" content="food, water">

author：作者

<meta name="author" content="gebiwangxiaomei">

robots：搜索引擎爬虫的索引方式，content不填默认为all

<meta name="robots" content="all|none|index|noindex|follow|nofollow">

viewport：移动端视口，仅供移动设备使用

<meta name="description" content="Study English online">

keywords：网页关键字

参考文献

https://segmentfault.com/a/1190000017896469

HTML <meta> 标签 | 菜鸟教程

meta标签之cache-control_前端菜鸟-CSDN博客_cache-control html