meta标签中的name属性和http-equiv属性解析
1.name属性和http-equiv属性的区别
- name属性主要是告知搜索引擎有关页面的信息,传达页面想要表达的内容,如页面标题、关键词、简介、作者等。
- http-equiv属性主要是告知浏览器要以什么样的方式进行解析,让浏览器能够精确的显示你想要表达的内容,如页面编码、浏览模式、语言、缓存模式等。
- name属性和http-equiv都有各自专属的属性值,通过声明不同的属性值又可以给页面带来不同的效果。
2.name属性常用的属性值
属性值 | 简介 |
---|
keywords | 用于描述网页的关键词 |
description | 用于描述网页的内容 |
author | 用户描述网页作者 |
generator | 用户描述网页是以什么程序进行制作 |
viewport | 主要针对移动端,用于声明网页的视图模式 , 详情点击查看 |
renderer | 用于声明浏览器的渲染模式 |
robots | 机器人向导, 详情点击查看 |
3.http-equiv属性常用的属性值
属性名 | 简介 |
---|
X-UA-Compatible | IE8专用,告知搜索引擎浏览器模式 |
Expires | 告知浏览器网页期限, 一旦到期就到服务器重新下载 |
Pragma | 告知浏览器缓存模式 |
Refresh | 告知浏览器几秒后刷新或几秒后跳转至 |
Set-Cookie | 设定浏览器cookie, 如果网页到期cookie将被删除 |
Window-target | 告知浏览器页面中的窗口显示方式 |
content-Type | 告知浏览器页面字符编码 |
content-Language | 显示语言的设定 |
content-Type和content-Language有什么区别, 可以点击此处查看:https://blog.csdn.net/weixin_46193778/article/details/113801219