Meta标签的作用及详解

2019-07-08 15:27 阅读 228 views 次 评论 0 条

meta是用于在html代码中模拟http协议的响应消息。meta标签是html与head部分的辅助标签,设置在html文档开头的< head >标签和< title >标签之间,作为用户看不见的信息使用。meta标签通常用于定义搜索引擎robots的页面主题,或者在用户的浏览器中定义cookie。它可以辨别作者,设置页面格式,并设置可用于对内容提要和关键字进行注释的页面。

Meta标签
Meta标签

name的属性,如下

name的属性
name的属性

属性说明:

1.all:将检索文件并查询页面上的链接;

2.index:将检索文件;

3.follow:可以查询页面上的链接;

4.none:将不检索文件,也无法查询页面上的链接;

5.noindex:不会检索文件,但可以查询页面上的链接;

6.nofollow:不会检索文件,但是可以查询页面上的链接。

Http-equiv属性:

1.< meta http-equiv = " content-type " contect = " text/html ";Charset=gb_2312-80 " >和< meta http-equiv = " content-language " contect = " zh-cn " >

用于解释用于制作主页的文本和语言。

2.< meta http-equiv = " Refresh " contect = " n;Url = http://www.abc.com " >

定期让网页在指定时间内跳转到页面http://www.abc.com;

3.< met http-equiv = " expires " contour = " mon,12may 201910: 30: 10 GMT " >

可用于设置网页的到期时间,一旦到期,必须在服务器上调用。请注意,必须使用GMT时间格式

4.< metahttp-equiv = " pragma " contentct = " no-cache " >

是禁止浏览器从本地计算机的高速缓存中读取页面内容的设定。 一旦离开页面,就无法从缓存中调用

5.< metahttp-equiv = " set-cookie " contract = " mon,12 may 200100:20:00 GMT " > 

cookie设定在网页到期时保存的cookie设定。请注意,您还必须使用GMT时间格式

6.< metah TTP-equiv = " pics-label " contract = " >

网站级别的评估要求ie的internet选项具有内容设置,以防止查看受限制的网站, 网站限制级别由元属性设置

7.< metah TTP-equiv = " windows-target " contentct = " _ top " >

强制页面在当前窗口中显示为独立页面。 可以防止自己的页面被调用为框架页面

8.< metahttp-equiv = " page-enter " contentct = " reveal trans ( duration = 10,transtion = 50% ) 设置>和< metah TTP-equiv = " page-exit " contentct = " reveal trans ( duration = 20 transtion =6) >

出入页面时的特殊效果。 此功能是front page的“格式/网页迁移”,但添加的页面不能是框架页面。     

Meta Property=og是什么?

og是opengraphprotocol:theon pengraphprotocol portion provition colenanes anywebpageto becomearichobjectinasocial graph.+ n3 ) 这是一个新的http标头标签,该协议可以使网页成为“富媒体对象”。使用meta property = og标签的是,同意网页的内容可以引用到其他社会性的网站等,现在这个协议被SNS网站、fackbook、renren采用。

Meta Property=og
Meta Property=og

SNS早已是互联网上的热门应用,朋友间的共享令优质内容得以快速的传播。网站推广的效率也会大大的提升,早前Facebook发布 了一整套对外开放內容协议书(Open Graph Protocol),一切网页页面要是遵循该协议书,SNS就能从网页页面上获取最合理的信息内容并展现给客户。

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:Meta标签的作用及详解 | 蔡籽博客
分类:SEO教程 标签:

发表评论


表情