什么是meta标签(html中meta的用法)

时间:2022-01-24 22:36:03 阅读:
  meta标签是HTML语言head区域的一个辅助性标签,常用于定义页面的说明,关键字,最后修改的日期和其他的元数据。这些元数据将服务于浏览器,搜索引擎和其他网络服务。

  meta标签的组成

  meta标签共有两个属性,分别是http-equiv属性和name属性。

  name属性

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

  meta标签中name属性语法格式是:

  <metaname="参数"  content="具体的描述">

  其中name属性共有以下几种参数:

  (1)keywords(关键字)

  说明:用于告诉搜索引擎,你网页的关键字。举例:

  <metaname="keywords"  content="PHP中文网">

  (2)description(网站内容的描述)

  说明:用于告诉搜索引擎,你网站的主要内容。举例:

  <metaname="description"  content="php中文网提供大量免费、原创、高清的php视频教程">

  (3)viewport(移动端的窗口)

  说明:这个概念较为复杂,具体的会在下篇博文中讲述。这个属性常用于设计移动端网页。在用bootstrap,AmazeUI等框架时候都有用过viewport。

  <metaname="viewport"  content="width=device-width,initial-scale=1">

  (4)robots(定义搜索引擎爬虫的索引方式)

  说明:robots用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。

  <metaname="robots"  content="none">

  具体参数如下:

  1、none:搜索引擎将忽略此网页,等价于noindex,nofollow。

  2、noindex:搜索引擎不索引此网页。

  3、nofollow:搜索引擎不继续通过此网页的链接索引搜索其它的网页。

  4、all:搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。

  5、index:搜索引擎索引此网页。

  6、follow:搜索引擎继续通过此网页的链接索引搜索其它的网页。

  (5)author(作者)

  说明:用于标注网页作者举例:

  <metaname="author"  content="PHP中文网">

  (6)generator(网页制作软件)

  说明:用于标明网页是什么软件做的举例:(不知道能不能这样写):

  <metaname="generator"  content="SublimeText3">

  (7)copyright(版权)

  说明:用于标注版权信息举例:

  <metaname="copyright"  content="PHP中文网">  //代表该网站为PHP中文网个人版权所有。

  (8)revisit-after(搜索引擎爬虫重访时间)

  说明:如果页面不是经常更新,为了减轻搜索引擎爬虫对服务器带来的压力,可以设置一个爬虫的重访时间。如果重访时间过短,爬虫将按它们定义的默认时间来访问。举例:

  <metaname="revisit-after"  content="7days">

  (9)renderer(双核浏览器渲染方式)

  说明:renderer是为双核浏览器准备的,用于指定双核浏览器默认以何种方式渲染页面。比如说360浏览器。举例:

  <metaname="renderer"  content="webkit">  //默认webkit内核

  <metaname="renderer"  content="ie-comp">  //默认IE兼容模式

  <metaname="renderer"  content="ie-stand">  //默认IE标准模式

  http-equiv属性

  http-equiv顾名思义,相当于HTTP的作用。

  meta标签中http-equiv属性语法格式是:

  <metahttp-equiv="参数"  content="具体的描述">

  其中http-equiv属性主要有以下几种参数:

  (1)content-Type(设定网页字符集)(推荐使用HTML5的方式)

  说明:用于设定网页字符集,便于浏览器解析与渲染页面举例:

  <metahttp-equiv="content-Type"  content="text/html;charset=utf-8">  //旧的HTML,不推荐

  <metacharset="utf-8">  //HTML5设定网页字符集的方式,推荐使用UTF-8

  (2)X-UA-Compatible(浏览器采取何种版本渲染当前页面)

  说明:用于告知浏览器以何种版本来渲染页面。(一般都设置为最新模式,在各大框架中这个设置也很常见。)

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

  (3)cache-control(指定请求和响应遵循的缓存机制)

  说明:指导浏览器如何缓存某个响应以及缓存多长时间

  <metahttp-equiv="cache-control"  content="no-cache">

  共有以下几种用法:

  no-cache:先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存。

  no-store:不允许缓存,每次都要去服务器上,下载完整的响应。(安全措施)

  public:缓存所有响应,但并非必须。因为max-age也可以做到相同效果

  private:只为单个用户缓存,因此不允许任何中继进行缓存。(比如说CDN就不允许缓存private的响应)

  maxage:表示当前请求开始,该响应在多久内能被缓存和重用,而不去服务器重新请求。例如:max-age=60表示响应可以再缓存和重用60秒。

  禁止百度自动转码

  说明:用于禁止当前页面在移动端浏览时,被百度自动转码。虽然百度的本意是好的,但是转码效果很多时候却不尽人意。所以可以在head中加入例子中的那句话,就可以避免百度自动转码了。

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

  (4)expires(网页到期时间)

  说明:用于设定网页的到期时间,过期后网页必须到服务器上重新传输。

  <metahttp-equiv="expires"  content="Sunday26October201601:00GMT"/>

  (5)refresh(自动刷新并指向某页面)

  说明:网页将在设定的时间内,自动刷新并调向设定的网址。

  <metahttp-equiv="refresh"  content="2;URL=http://www.xxx.com/">  //意思是2秒后跳转到PHP中文网

  (6)Set-Cookie(cookie设定)

  说明:如果网页过期。那么这个网页存在本地的cookies也会被自动删除。

  <metahttp-equiv="Set-Cookie"  content="name,date">  //格式

  <metahttp-equiv="Set-Cookie"  content="User=Lxxyx;path=/;expires=Sunday,10-Jan-1610:00:00GMT">  //具体范例

  总结:meta标签的自定义属性实在太多了。所以只总结了一些常用的,希望对大家有所帮助。

相关推荐

  • ssh是什么协议(ssh服务是什么意思)

      经常看到各种高阶的网络应用教程,比如穿透内网、跨系统网络连接等,会提到一个单词——SSH。尤其是在Linux类的设备或相关设置中,要修改网络、远程控制之类的操作

  • http与https的区别和用法(4个不同之处)

      超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息,HTTP协议以明文方式发送内容,不提供任何方式的数据加密,如果攻击者截取了Web浏览器和网站服务器之间的

  • ipv4ipv6是啥啊(ipv4和ipv6的区别)

      IP协议(互联网协议)是互联网协议群(IPS)中最重要的通信协议之一,其主要用于网络设备(如计算机、电脑、单个网络或一系列互连网络的以太网交换机)数据包的寻址和路由选择,并负责

  • 网站权重提升方法(提升网站权重的10个技巧)

      如何提升网站权重,应该是困惑很多站长的一个难题,尤其是刚入门的新人。今天分享一篇提高网站权重的十个方法,对你会有所帮助。   一、设置首选域   首选域就是告诉搜

  • 网站域名选择策略(8个网站域名选择应该注意的问题)

      域名不仅仅是品牌和用户的第一次互动,更是向用户讲述你是谁,你做什么这样一个故事的第一个载体。在数字化的今天,故事的重要性,大家心知肚明。当你在选择域名时,一定牢记以下

  • 搜索引擎有哪些(几个常用的搜索引擎)

      搜索引擎是指在一定的策略,规则指导下,运用特定的计算机程序搜集互期网上的信息,在对信息进行组织及处理之后,为用户提供检索服务,并将用户检索相关的信息展示给用户。   

  • alt标签是什么意思(html里alt是什么意思)

      做网站快速排名我们要学会运用好网站的标签去布局关键词。其中我们运用的比较常见的就是ALT标签,ALT标签怎么用才是正确的呢,用好了对网站有什么帮助,今天就告诉大家什么是

  • 如何在网上做生意(互联网生意如何做挣钱)

      各行各业的发展都离不开互联网,也正是因为互联网的普及,给了大家很多创业的机会。在互联网上创业,已经要熟知互联网创业的思维和逻辑。   在互联网上创业,首先要选对产品

  • 域名需要备案才能使用吗(备案的好处)

      注册了域名不备案可以吗?可以的。注册域名并不是一定要备案的,只有搭建网站才会涉及到备案,如果不建站,是不需要备案的。   域名如果只是投资或者交易,而不用户搭建网站,是

  • 怎么交换友链(交换友链的基本原则)

      友情链接交换已经可以说是SEO优化人员在进行网站优化时的必备工作,每个网站都会通过友情链接来传递权重及排名。友情链接在网站优化中是非常重要的,那么新站如何才能交换

  • 大网站如何优化(大型流量网站怎么进行优化)

      关键词,是SEO工作中最为重要的一个环节,而在这个环节中却让我看到了一些不解的情况,关键词分析中最重要的是拿到关键词进行分析,但是现在多数人成了以获得更多关键词从而建

  • SEO常用的工具有哪些( 网站SEO需要用到哪些软件)

      现在的搜索引擎中,已经有大量的或免费,或付费的seo工具,总的来讲,可以分为几个大类,包括但不限于网站管理员工具,外链查询工具,seo综合查询工具,关键词挖掘工具,网站安全检测工具