首页>HTML5>正文

html学习笔记之meta 标签介绍

时间:2017-07-10 17:39:46   来源:山西尚学堂   阅读:
在html中常常要用到meta 标签 -- 在head标签中的meta标签,可以为HTML文档提供额外信息,所以这里NanShan跟大家一起探讨
下meta 标签的前世今生。
此标签是单独出现的,
此标签只能出现在head标签内
属性:
I18N -- i18n属性
xml:lang -- 国际化属性
content -- content属性
http-equiv -- http-equiv属性
id -- id属性
name -- name属性
scheme -- scheme属性
meta的英文翻译为"元"
meta是metainformation的缩写
HTML meta charset 定义网页编码信息
使用http-equiv的content-type可以提供网页的编码信息
charset示例
使用UTF8编码(国际化编码)

使用中文gb2312编码

下面这些编码方式,比如:中文 GBK ,繁体中文 Big5 ,日文 EUC-JP ,韩文 EUC-KR 等,每种语言的编码方式是不同的,所以需要使用charset为网页提供了一种编码方式,否则页面很可能出现乱码.
UTF-8 是没有国家的编码,也就是独立于任何一种语言,任何语言都可以使用

HTML meta content-type 定义文件MIME类型
content-type 属性值 -- 定义文件MIME类型
content-type用于定义用户的浏览器或相关设备如何显示将要加载的数据,或者如何处理将要加载的数据,此属性的值可以查看MIME类型
content-language出现在http-equiv属性中,使用content属性表示页面的MIME类型
content-type语法
Content-Type := type "/" subtype *[";" parameter]
type的常见取值为application audio image message multipart text video

HTML meta refresh 刷新与跳转(重定向)页面
refresh 属性值 -- 刷新与跳转(重定向)页面
refresh用于刷新与跳转(重定向)页面
refresh出现在http-equiv属性中,使用content属性表示刷新或跳转的开始时间与跳转的网址
refresh示例
5秒之后刷新本页面:

5秒之后转到首页:


HTML meta expires 网页缓存过期时间
expires 属性值 -- 网页缓存过期时间
expires用于网页缓存过期时间
expires出现在http-equiv属性中,使用content属性表示页面缓存的过期时间
expires用于设定网页的过期时间,一旦过期就必须从服务器上重新加载.时间必须使用GMT格式.
expires示例


HTML meta pragma no-cache 页面缓存
pragma与no-cache 属性值 -- 定义页面缓存
pragma与no-cache用于定义页面缓存
pragma出现在http-equiv属性中,使用content属性的no-cache值表示是否缓存网页
不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.)
pragma
HTML meta keywords 网页关键词
keywords 属性值 -- 定义网页关键词
keywords用于定义网页关键词
keywords出现在name属性中,使用content属性提供网页的关键词
keywords示例


HTML meta description 网页简短描述
description 属性值 -- 定义网页简短描述
description用于定义网页简短描述
description出现在name属性中,使用content属性提供网页的简短描述
description示例



HTML meta author 网页作者
author 属性值 -- 定义网页作者
author用于定义网页作者
author出现在name属性中,使用content属性提供网页的作者
author示例


HTML meta copyright 网页版权
copyright 属性值 -- 定义网页版权
copyright用于定义网页版权
copyright出现在name属性中,使用content属性提供网页的版权
copyright示例


HTML meta robots 搜索引擎索引方式
robots 属性值 -- 定义网页搜索引擎索引方式
robots用于定义网页搜索引擎索引方式
robots出现在name属性中,使用content属性定义网页搜索引擎索引方式
通过使用meta的robots属性值可以为没有文件上传权限的用户提供/robots.txt文件的所有功能
robots语法


robotterms是一组使用逗号(,)分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。
robots取值
none
搜索引擎将忽略此网页,等价于noindex,nofollow。
noindex
搜索引擎不索引此网页。
nofollow
搜索引擎不继续通过此网页的链接索引搜索其它的网页。
all
搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。
index
搜索引擎索引此网页。
follow
搜索引擎继续通过此网页的链接索引搜索其它的网页。
robots的使用说明
robots提供的搜索引擎对网页的索引方式
如果网页没有提供robots,搜索引擎认为网页的robots属性为all(index,follow);
robots常用示例


上面示例定义了此网页不被搜索引擎索引进数据库,但搜索引擎可以通过此网页的链接继续索引其它网页


上面示例定义了梦之都此网页被搜索引擎索引进数据库,但搜索引擎不可以通过此网页的链接继续索引其它网页


上面示例定义了此网页不被搜索引擎索引进数据库,且搜索引擎不可以通过此网页的链接继续索引其它网页
针对谷歌GOOGLEBOT使用robots

可以将name的属性只定义为GOOGLEBOT标识为谷歌搜索引擎。 使用元标记拦截或删除网页

针对百度baiduspider使用robots

可以将name的属性只定义为baiduspider标识为百度搜索引擎。禁止搜索引擎收录的方法

copyright 属性值 -- 定义网页版权
copyright用于定义网页版权
copyright出现在name属性中,使用content属性提供网页的版权
copyright示例



HTML meta date 网页生成时间
date 属性值 -- 定义网页生成时间
date示例

date用于定义网页生成时间
date出现在name属性中,使用content属性提供网页的生成时间
分享:0

电话咨询

客服热线服务时间

周一至周五 9:00-21:00

周六至周日 9:00-18:00

咨询电话

0354-3052381

13593182599(程老师)

18435931890(王老师)

微信扫一扫