html之meta标签

最新推荐文章于 2021-03-29 15:46:18 发布

「已注销」

最新推荐文章于 2021-03-29 15:46:18 发布

阅读量156

点赞数 1

分类专栏： html web

本文链接：https://blog.csdn.net/qq_41890424/article/details/90573723

版权

html 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

web

6 篇文章 0 订阅

订阅专栏

百度百科对于meta的描述：META标签是HTML标记HEAD区的一个关键标签，它位于HTML文档的<head>和<title>之间（有些也不是在<head>和<title>之间）。它提供的信息虽然用户不可见，但却是文档的最基本的元信息。<meta>除了提供文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定。所以有关搜索引擎注册、搜索引擎优化排名等网络营销方法内容中，通常都要谈论META标签的作用，我们甚至可以说，META标签的内容设计对于搜索引擎营销来说是至关重要的一个因素，合理利用 Meta 标签的 Description 和Keywords 属性，加入网站的关键字或者网页的关键字，可使网站更加贴近用户体验。

我对上面对meta标签的描述的理解是：meta标签表达的是整个html文档的描述信息，html中的meta标签影响搜索引擎注册和搜索引擎优化

<meta>的属性

meta标签有3个属性：name、http-equiv、content。每个name或http-equiv都对应一个content。更确切的说，name或http-equiv的值表示属性，content的值为name或http-equiv的值所表示属性的值

例如百度百科meta词条的网页的meta

<meta name="description" content="通常所说的META标签，是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。...">

name：主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。

name属性的取值

value	intro
keywords	告诉搜索引擎网页的关键字
description	告诉搜索引擎网站的主要内容
viewport	常用于设计移动端网页
robots	定义搜索引擎爬虫的索引方式
author	标注网页作者
generator	标明网页采用什么软件制作的
copyright	标注版权信息
revisit-after	搜索引擎爬虫重访时间
renderer	双核浏览器渲染方式

robots对应content的取值

value	intro
none	搜索引擎将忽略此网页，等价于noindex，nofollow
noindex	搜索引擎不索引此网页
nofollow	搜索引擎不继续通过此网页的链接索引搜索其它的网页。
all	搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow。
index	搜索引擎索引此网页。
follow	搜索引擎继续通过此网页的链接索引搜索其它的网页

renderer属性是为双核浏览器准备的，用于指定双核浏览器默认以何种方式渲染页面。

例如360浏览器

<meta name="renderer" content="webkit"> //默认webkit内核
<meta name="renderer" content="ie-comp"> //默认IE兼容模式
<meta name="renderer" content="ie-stand"> //默认IE标准模式

http-equiv属性 ：相当于http的文件头作用。

value	intro
content-Type	设定网页字符集
X-UA-Compatible	浏览器采取何种版本渲染当前页面
cache-control	指定请求和响应遵循的缓存机制
expires	网页到期时间
refresh	网页将在设定的时间内, 自动刷新并调向设定的网址
Set-Cookie	cookie设定

具体实例

X-UA-Compatitle

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

cache-control的作用有两个

作用1：设置缓存策略

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

cache-control对应content的取值

value	intro
no-cache	先发送请求，与服务器确认该资源是否被更改，如果未被更改，则使用缓存。
no-store	不允许缓存，每次都要去服务器上，下载完整的响应
public	缓存所有响应，但并非必须。因为max-age也可以做到相同效果
private	只为单个用户缓存，不允许任何中继进行缓存
max-age	表示当前请求开始，该响应在多久内能被缓存和重用，而不去服务器重新请求

作用2：禁止当前页面在移动端浏览时，被百度自动转码

<meta http-equiv="Cache-Control" content="no-siteapp" />

expires

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

refresh

<meta http-equiv="refresh" content="2; URL=http://www.baidu.com"> //表示2秒后跳转向百度

Set-Cookie 如果网页过期。那么这个网页存在本地的cookies也会被自动删除。
对应content取值的格式

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

例如

<meta http-equiv="Set-Cookie" content="User=Lxxyx; path=/; expires=Sunday, 10-Jan-16 10:00:00 GMT">

「已注销」

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html之meta标签

百度百科对于meta的描述：META标签是HTML标记HEAD区的一个关键标签，它位于HTML文档的<head>和<title>之间（有些也不是在<head>和<title>之间）。它提供的信息虽然用户不可见，但却是文档的最基本的元信息。<meta>除了提供文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定。所以有关...
复制链接

扫一扫