HTML ＜meta＞标签常见属性及应用场景

如何设置自己HTML页面使用的字符集？比如UTF-8。


<meta http-equiv="Content-type" content="text/html";charset="GB2312">

<meta charset="utf-8">
1
2
3
4

如何设置自己的HTML页面的使用语言类型？比如zh-cn。


<meta http-equiv="Content-Language" content="en">

<html lang="zh">...html>
1
2
3
4

如何设置自己网站的关键字 以便让搜索引擎（爬虫）检索到？
```
<meta name="keywords" content="Web网站,代码平台"/>
1
```
如何设置自己网站的作者 让搜索引擎知道？
```
<meta name="author" content="YY">
1
```

怎么告诉搜索引擎自己网站的内容/描述？

<meta name="description" content="这是一个很酷很酷的网站。"/>
1

在这里插入图片描述

如果不想让机器人检索到自己的网站，该怎么设置？
```
<meta name="robots" content="none">
1
```
如果仅检索链接而非文件，content可以为noindex；如果想仅检索文件而非链接，content可以为nofollow。
客户端请求服务器端的HTML，CSS等文件多半会缓存到浏览器那里。那么怎么设置网页的到期时间呢？（一旦过期必须从服务器端重新传输）
```
<meta http-equiv="expires" content="Fri,12 Jan 2001 18:18:18 GMT">
1
```
更狠一点，甚至不设置到期时间，直接禁止浏览器缓存？
```
<meta http-equiv="Pragma" content="no-cache">
1
```
一个新场景：如果你写了一个访问失败的404.html页面，如何在不使用JS的情况下，让页面自动刷新并跳转到首页？

这里主要想问的是meta标签的自动刷新功能，当然，它还有重定向。
```
<meta http-equiv="Refresh" content="2">

<meta http-equiv="Refresh" content="2;http://www.baidu.com">
1
2
3
4
```

观察上面内容，我们可以看出来：

当然，上面的内容算是粗略的概括。还有很多meta标签的属性，比如VSCode的模板HTML中的name-content形式的meta标签是有作用的：设置视口宽度为设备的宽度。可以理解为这是最基本的移动端适配。

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

相关阅读:
Alkyne-Con A,炔基功能化刀豆球蛋白A,ALK-Concanavalin A
【技术积累】Linux中的命令行【理论篇】【五】
北京建工携手法大大，电子签名赋能智能绿色建筑
spring关于正确回滚异常的一些处理方案
keepalived配置高可用web服务器
400电话怎么办理(申请开通)
小游戏与H5游戏对比与梳理
matlab图像的运算有点运算、代数运算、逻辑运算和几何运算
Linux驱动移植USB网卡r8156驱动（详细）总结
SSM框架学习——Spring之容器

原文地址：https://blog.csdn.net/HYY_2000/article/details/127594190

HTML ＜meta＞ 标签常见属性及应用场景