html中的meta标签的所有用法
时间: 2023-09-04 13:11:46 浏览: 53
HTML中的meta标签有多种用法,以下是一些常见的:
1. 描述标签(description):用于提供网页的简短描述,通常在搜索结果中显示。例如:
```
<meta name="description" content="这是一个网页的描述">
```
2. 关键词标签(keywords):用于提供网页的关键字或短语,以帮助搜索引擎了解页面的内容。例如:
```
<meta name="keywords" content="关键字1,关键字2,关键字3">
```
3. 作者标签(author):用于指定网页的作者。例如:
```
<meta name="author" content="作者名">
```
4. 视口标签(viewport):用于控制网页在移动设备上的显示方式。例如:
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
5. 编码标签(charset):用于指定网页的字符编码方式。例如:
```
<meta charset="UTF-8">
```
6. 刷新标签(refresh):用于自动刷新网页。例如:
```
<meta http-equiv="refresh" content="5;url=http://www.example.com">
```
其中,content属性的值表示刷新时间和跳转页面的URL。
7. robots标签:用于告诉搜索引擎哪些页面需要索引哪些页面不需要索引。例如:
```
<meta name="robots" content="index,follow">
```
其中,content属性的值可以是以下值之一:
- index:表示允许搜索引擎索引该页面。
- noindex:表示不允许搜索引擎索引该页面。
- follow:表示允许搜索引擎跟随该页面中的链接。
- nofollow:表示不允许搜索引擎跟随该页面中的链接。
8. 其他自定义标签:可以使用自定义的meta标签来提供其他元数据,例如:
```
<meta name="custom" content="自定义元数据">
```
其中,name和content属性的值可以自定义。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)