讲给后台程序员看的前端系列教程(10)——HTML5标签(9)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lfdfhl/article/details/100549548

C语言自学完备手册(33篇)

Android多分辨率适配框架

HTML5前端开发实战系列教程

MySQL数据库实操教程(35篇图文版)

推翻自己和过往——自定义View系列教程(10篇)

走出思维困境,踏上精进之路——Android开发进阶精华录

讲给Android程序员看的前端系列教程(40集免费视频教程+源码)


版权声明

  • 本文原创作者:谷哥的小弟
  • 作者博客地址:http://blog.csdn.net/lfdfhl

meta标签

至此,已经介绍完了HTML5中常用的标签。我们可以用这些标签写出自己需要的、美观的页面。当然,我们期望别人通过搜索引擎能够找到我们的网页,从而提高访问量。这个该怎么办?这就是接下来要介绍的meta标签。

meta标签位于head标签中,是一种元数据(meta data)。它该标签不会显示在页面上,但是机器却可以识别。它主要用于定义页面的说明,关键字,最后修改日期和其它的元数据。这些元数据将服务于浏览器(如何布局或重载页面)、搜索引擎和其它网络服务。

在此介绍几个meta中常用的属性。

name和content

name属性主要用于描述网页,比如网页的关键词,描述等;与之对应的属性值为content,其内容是对name填入类型的具体描述,以便于搜索引擎抓取。语法格式如下:

<meta name="参数" content="具体的描述"/>

常见的name取值有如下几种:

keywords

该取值用于告知搜索引擎该网页的关键字。例如:

  <meta name="keywords" content="百货,商品,电商" />

description

该取值用于描述网站内容,以便搜索引擎抓取。例如:

<meta name="description" content="一个专门卖正品的网站" />

author

该取值用于描述网页作者。例如:

<meta name="author" content="lf,2141234567@qq.com" />

copyright

该取值用于描述版权信息。例如:

<meta name="copyright" content="sina" />

http-equiv和content

http-equiv顾名思义,相当于(等同于)http的文件头作用。它可以向浏览器传回一些有用的信息,以帮助浏览器正确地显示网页内容。类似地,其后的content属性用于http-equiv填入类型的具体描述

常见的http-equiv取值有如下几种:

content-type

content-type表示HTML内容的编码格式,浏览器将根据这个参数来解析文字信息。例如:

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<meta charset="utf-8">

expires

expires用于设定网页的到期时间。缓存是一种常见的性能优化手段。浏览器支持在本地缓存用户访问的网页,因此在缓存有效时间内重新访问这个网址,浏览器将从本地加载这个页面显示,该策略不仅用户响应快而且还不占用服务器的带宽。但是,如果缓存一直有效,那么用户将不能获得服务器更新后的内容。因此,缓存内容都会有超期时间,超过有效时间后,再次请求这个网址就会重新向服务器请求这个网页,这样就可以得到最新的内容。例如:

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

refresh

refresh用于设置网页自动刷新的时间(单位为秒)和跳转到指定的网址。例如:

<meta http-equiv="refresh" content="3;URL=http://www.sohu.com"/>

Set-Cookie

Set-Cookie用于当网页过期时自动删除本地cookie。例如:

<meta http-equiv="Set-Cookie" content="User=lf; path=/; expires=Sunday, 10-Jan-16 80:00:00 GMT"/> 
展开阅读全文

没有更多推荐了,返回首页