html meta标签

最新推荐文章于 2021-04-05 14:00:27 发布

amazingbc

最新推荐文章于 2021-04-05 14:00:27 发布

阅读量269

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/sbc_sbc/article/details/105828386

版权

笔记专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<meta>标签:

1.<meta> 标签内的信息不会显示在页面中，定义<meta> 标签的主要目的是因为它对机器是可读的。
2.<meta> 标签有很多功能，它可以定义文档中的关键字，也可以对文档进行描述，还可以配合自身的属性设置网页的过期时间等等。当我们定义了页面的关键字或者描述信息后，搜索引擎蜘蛛（也就是常说的网络爬虫）就可以利用它们来搜索这个页面的信息。

常用name属性：

常用属性值	说明
keywords	用来定义网页的关键字。关键字可以是多个，之间需要用英文逗号,隔开
description	用来定义网页的描述。
author	用来定义网页的作者。
copyright	用来定义网页的版权信息。
robots	指定爬虫对网页的权限，NONE或者ALL或者INDEX之类，支持多个权限，用’,'分隔

当 name 属性规定好这些信息后，后面还需紧跟 content 属性设置具体的内容，这样才可以生效。具体使用语法如下：

<meta name="keywords"   content="<head>标签描述">
<meta name="description"   content="这篇文章主要对<head>标签进行详细讲解">
<meta name="author"   content="author">
<meta name="copyright"   content="本站所有教程均为原创，版权所有，禁止转载。否则将追究法律责任。">
<meta name="robots" content="NONE" />

注：其中name=“description” 叫做元描述，也可称为描述标签（Meta Description），简单来说就是对网站内容的一段简单描述。长度一般就是一两句话，出现在搜索引擎结果页面（SERP）中标题与URL的下方（如下图）。当你的页面没有设置元描述时，Google可能会根据用户的搜索请求从你页面上抽取一段文字当作你页面的元描述。

在这里插入图片描述

关于原描述更多参考：https://www.channelwill.cn/whats-is-meta-description/

charset属性

charset 是 HTML 5 中的新属性，用来定义页面的编码格式。它的常用属性值见下表：

常用属性值	说明
ISO-8859-1	表示网页的默认编码格式。
UTF-8	表示万国码，是目前最常用的编码格式。
gb2312	表示国际汉字码，不包含繁体。
gbk	表示国家标准扩展版。增加了繁体，包含所有亚洲字符集

在这里插入图片描述

http-equiv属性

所有主流浏览器都支持 http-equiv 属性。它可以设置网页的过期时间，自动刷新等，有以下几个常用属性值：

常用属性值	说明
expires	设置网页的过期时间。
refresh	设置网页自动刷新的时间间隔，单位是秒。
content-type	定义文件的类型，用来告诉浏览器该以什么格式和编码来解析此文件。
cache-control	是否启用缓存
X-UA-Compatible	IE8 之后的设置，可以指定网页的兼容性模式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="content-type" content="text/html">
    <meta http-equiv="expires" content="Dec 20 2090">
    <meta http-equiv="refresh" content="1000">
    <meta http-equiv="cache-control" content="NO-CACHE" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Document</title>
</head>
<body>
</body>
</html>

http-equiv 属性和 name 属性一般与 content 属性配合使用，有点类似固定搭配：

content-type常用属性值

常用属性值	说明
text/html	表示该文档是 HTML 格式的文档。
text/plain	表示该文档是纯文本格式的文档。
text/xml	表示该文档是 XML 格式的文档。
image/gif	表示该文档是 gif 图片格式的文档。
image/jpeg	表示该文档是 jpg 图片格式的文档。
image/png	表示该文档是 png 图片格式的文档。