您的位置:时时app平台注册网站 > web前端 > meta标签 使用说明(http-equiv、refresh、seo)

meta标签 使用说明(http-equiv、refresh、seo)

2019-11-01 17:28
<meta name = "keyworlds" contend="信息参数"/>

<meta name = "description" contend="信息参数"/>

<meta http-equiv = "content-type" contend="text/html;charset=信息参数"/>  ----在HTML5中可写成<meta charset="UTF-8">

<meta name = "author" contend="信息参数"/>

<meta http-equiv = "refresh" contend="时间; url=网址参数"/>

meta标签 使用表达(http-equiv、refresh、seo)

meta标签,是在head标签里面,常常用做页面描述的。它的内容,用来说述页面一些音信的,如类型、编码、作者、简要介绍等!尽管,它不作为页面布局展现,但实在用途丰盛广的!具体的html定义在:meta定义 

meta组成部分

meta标签共有五个属性,它们各自是http-equiv属性和name属性,不一致的品质又有例外的参数值,这个差别的参数值就贯彻了差别的网页成效。

name属性重要用来描述网页,与之相应的属性值为content,content中的内容首借使方便人民群众寻觅引擎机器人查找音讯和分类音信用的。

http-equiv也正是http的公文头成效,它能够向浏览器传回一些使得的音讯,以援助科学和准确地出示网页内容,与之对应的属性值为content,content中的内容其实正是逐大器晚成参数的变量值。

Meta标签属性

属性 描述
http-equiv content-type 
Content-Language 
Pragma 
expires 
refresh 
set-cookie
把 content 属性关联到 HTTP 头部。http协议返回头,都支持!
name author 
description 
keywords 
generator 
revised 
others
把 content 属性关联到具体属性的值
content 对应(name,http_equiv)选择属性的值 定义与 http-equiv 或 name 属性相关的元信息。

http-equiv response再次回到头控制

常用来验证页面类型、编码,重定向,以致缓存调整地方!

1、Content-Type和Content-Language (显示字符集的设定)

<meta http-equiv=″content-Type″ content=″text/html; charset=gb2312″>,当前页面是text/html类型,页面编码是gb2312,也足以简写为<meta charset="gb2312">,语言调整:<meta http-equiv="Content-Language" content="zh-cn" /> ,表明该页面是简体汉语

 

2、refresh 自动刷新並且针对新页面

<meta http-equiv=″refresh″ content=″2; URL=)

 

3、Expires(过期调整)

<meta http-equiv="expires" content="Fri,12 Jan 2004 18:18:18 威他霉素T">,能够用来设定网页的到期时间。风度翩翩旦网页过期,当地缓存将失效,必须另行从服务器读取音信!

 

4、Pragma(调控缓存方式)

防止浏览器从本地计算机的缓存中做客页面内容,<meta http-equiv="Pragma" content="no-cache"> 。本地浏览器不保留内容!制止缓存能够加上:<meta http-equiv="Cache-Control" CONTENT="no-cache"> ,那样一块调节!

 

5、set-cookie(设置cookie值)

用法:<meta http-equiv="Set-Cookie" content="kkk=ddd; expires=Thu, 11-Jul-23 11:32:15 GMT; path=/; "> 设置cookie,名称是kkk,值为ddd,过期是2023-7-11 19:32:15秒!

 

救助主页被各大寻找引擎登陆、此外

1、Keywords 描述页面关键词

<meta name="keywords" content="政治,经济,科学和技术,文化,卫生,心理,心灵,娱乐,生活,社会,集团,交通"> ,便于寻觅引擎,急迅稳固页面主旨!

 

2、Description页面简介描述音信

<meta name="description" content="程默博客是二个关切web安全、品质、框架,以至服务器质量、服务器架设、服务器安全,是八个值得Web开辟朋友收藏的博客。"/> ,对页面简单描述总结!

 

3、Author页面全体者

<META name="author" content="chengmo"> 该页面小编是:chengmo

 

4、Copyright 版权表明

<META name="copyright" content="© 二〇一一 chacuo.net"> 版权新闻描述!

 

5、Date 开创时间

<META name="date" content=”二〇一一-7-11T19:49:37 00:00”>页面开创时间!

 

6、robots(机器人向导)

申明:robots用来报告寻觅机器人如何页面需求索引,哪些页面没有供给索引。content的参数有all,none,index,noindex,follow,nofollow。暗中认可是all。比方:<meta name="robots" content="none">不索引该页,何况该页里面有着连接也不寻找索引!

 

以上是meta家常便饭应用,能够对页面举行音讯描述,也得以对寻觅引擎进行指导!非常是它的属性及值,未有进一步的定义。随着不断利用,大概在末端大家还有或然会扩展出新的性质,以致它对应值!它为之后的增添预先流出非常多的空间!也许有个别浏览器,还帮衬:步向、退出动画,窗口定义,分级定义。但是它不能够很幸好有着浏览器中相配,三遍未有各样列举!招待调换!

 

 

 

 

 

D. expires(网页到期时间)

表达:用于设定网页的到期时间,过期后网页必需到服务器上再也传输。

图片 1

<meta http-equiv=" " content = " ">

eta http-equiv属性详整(转)

博客分类:

  • Web综合

HTML浏览器IECache检索引擎 

http-equiv顾名思义,约等于http的文件头作用,它能够向浏览器传回一些立见成效的新闻,以帮手科学和高精度地显示网页内容,与之相应的属性值为content,content中的内容实在正是各样参数的变量值。 

引用

meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;个中http-equiv属性首要有以下三种参数:


1、Expires(期限)
 
注明:能够用来设定网页的到期时间。生机勃勃旦网页过期,必得到服务器上再也传输。 
用法:

Html代码  图片 2

  1. <meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT">  

介怀:必需采取核糖霉素T的时日格式。 

2、Pragma(cache模式) 
表达:是用以设定幸免浏览器从本地机的缓存中调阅页面内容,设定后只要偏离网页就不能从Cache中再调出 
用法:

Html代码  图片 3

  1. <meta http-equiv="Pragma" content="no-cache">  

留意:这样设定,访谈者将超小概脱机浏览。 

3、Refresh(刷新) 
表达:自动刷新并针对性新页面。 
用法:

Html代码  图片 4

  1. <meta http-equiv="Refresh" content="2;URL=  

介意:在那之中的2是指停留2分钟后自动刷新到U昂CoraL网站。 

4、Set-Cookie(cookie设定)
 
评释:借使网页过期,那么存盘的cookie将被去除。 
用法:

Html代码  图片 5

  1. <meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/">  

注意:必须接受GMT的日子格式。 

5、Window-target(突显窗口的设定) 
注明:强制页面在现阶段窗口以独立页面展现。 
用法:

Html代码  图片 6

  1. <meta http-equiv="Window-target" content="_top">  

留意:用来制止旁人在框架里调用自个儿的页面。 

6、content-Type(展现字符集的设定) 
证实:设定页面使用的字符集。 
用法:

Html代码  图片 7

  1. <meta http-equiv="content-Type" content="text/html; charset=gb2312">  

7、Pics-label(网页品级考核评议) 
用法:

Html代码  图片 8

  1. <meta http-equiv="Pics-label" contect="">  

证实:在IE的internet选项中有后生可畏项内容设置,可避防守浏览部分受限定的网站,而网址的界定等级正是经过meta属性来设置的。 

8、Page_Enter、Page_Exit 
设定步向页面时的特殊效果

Html代码  图片 9

  1. <meta http-equiv="Page-Enter"    contect="revealTrans(duration=1.0,transtion=    12)">    

设定离开页面时的特殊效果

Html代码  图片 10

  1. <meta http-equiv="Page-Exit"    contect="revealTrans(duration=1.0,transtion=    12)">    

Duration的值为网页动态过渡的时日,单位为秒。  
Transition是连接形式,它的值为0到23,分别对应24种过渡情势。如下表:  
0    盒状收缩    1    盒状放射  
2    圆形收缩    3    圆形放射  
4    由下往上    5    由上往下  
6    从左至右    7    从右至左  
8    垂直百叶窗    9    水平百叶窗  
10    水平格状百叶窗    11笔直格状百叶窗  
12    随便溶解    13从左右两端向中档实行  
14从当中间向左右两端展开    15从左右两端向中档进行  
16从当中间向左右两边展开    17    从右上角向左下角张开  
18    从右下角向左上角打开    19    从左上角向右下角张开  
20    从左下角向右上角张开    21    水平线状展开  
22    垂直线状展开    23    随机产生意气风发种过渡方式  

9、扫除缓存(再拜谒那一个网址要双重下载!) 

Html代码  图片 11

  1. <meta http-equiv="cache-control" content="no-cache">  


10、设定网页的到期时间
 

Html代码  图片 12

  1. <meta http-equiv="expires" content="0">  

11、关键字,给寻觅引擎用的 

Html代码  图片 13

  1. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  

12.页面陈说 

Html代码  图片 14

  1. <meta http-equiv="description" content="This is my page">  

A. keywords(关键字)

表明:用于告诉找出引擎,你网页的首要字。

着力语法:

G. copyright(版权)

证实:用于标记版权新闻

name属性与content属性

一,<meta>描述

http-equiv属性与content属性

2. http-equiv属性

http-equiv 属性为名称/值对提供了名称。并指令服务器在出殡和下葬实际的文书档案在此以前先在要传递给浏览器的 MIME 文书档案尾部包罗名称/值对。

图片 15

所谓meta标志就是用来陈说一个HTML网页文书档案的属性,也称为元消息,那些音讯并不会来得在浏览器的页面中,举个例子笔者、日期和岁月、网页描述、页面刷新等。

H. revisit-after(找出引擎爬虫重访时间)

证实:假诺页面不是时有时无更新,为了缓慢解决寻找引擎爬虫对服务器带来的下压力,能够安装多个爬虫的重访时间。假设重访时间过短,爬虫将按它们定义的默许时间来拜访。

图片 16

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="前端开发">
    <meta name="description" content="前端开发">
    <meta http-equiv="refresh" content="3;url=https://www.baidu.com/">
    <title>前端开发技术初步应用</title>
</head>
</html>

E. refresh(自动刷新并指向性某页面)

表达:网页就要设定的小时内,自动刷新并调向设定的网站。

图片 17

http-equiv属性用于提供HTTP契约的响应头报文,它是以“名称/值”形式的称呼,http-equiv属性的值所描述的剧情(值)通过content属性表示,通常为网页加载前提供给浏览器等配备使用。此中最要害的是content-type charset提供编码音信,refresh刷新与跳转页面,no-cache页面缓存,expires网页缓存过期日子。

meta是用来在HTML文书档案中模仿HTTP公约的响应头报文

meta标识的利用方法

标志之间,它提供顾客不可以预知的音讯。meta标签平常用来为找寻引擎robots定义页面主旨,大概是概念客户浏览器上的cookie;它能够用于鉴定区别小编,设定页面格式,阐明内容提要和第一字;还能安装页面使其能够借助你定义的时光间距刷新自身,以至安装RASC内容品级,等等<span class="_kalamu-temp-placeholder"></span><br>

标识之间,它提供客商不可以预知的消息。meta标签常常用来为搜索引擎robots定义页面主题,也许是概念顾客浏览器上的cookie;它能够用来鉴定区别我,设定页面格式,标明内容提要和根本字;还是能安装页面使其得以借助你定义的年月间隔刷新本人,以至安装RASC内容等第,等等。<span class="_kalamu-temp-placeholder"></span><br>

图片 18

B. X-UA-Compatible(浏览器选用何种版本渲染当前页面)

注解:用于告知浏览器以何种版本来渲染页面。(日常都安装为新型情势,在各大框架中那么些设置也很宽泛。)

图片 19

例子:

二,组成

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

1.name属性、

name属性重要用来描述网页,举例网页的主要词,陈述等。与之相应的属性值为content,content中的内容是对name填入类型的切切实实描述,便于搜索引擎抓取。

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

图片 20

<meta name = " "content=" ">

B. description(网址内容的描述)

注解:用于告诉寻觅引擎,你网址的关键内容。

图片 21

 

E. author(作者)

阐明:用于标记网页小编

图片 22

name属性用于描述网页,它是以“名称/值”方式的名称,name属性的值所描述的内容(值)通过content属性表示,便于寻觅引擎机器人查找、分类。个中最注重的是description、keywords和robots。

元数据连接以     名称/值    的样式被成对传递的

C. viewport(移动端的窗口)

其风姿洒脱属性常用于设计活动端网页。在用bootstrap,AmazeUI等框架时候都有用过viewport。

图片 23

D. robots(定义寻觅引擎爬虫的目录形式)

证实:robots用来报告爬虫哪些页面须要索引,哪些页面没有必要索引。

content的参数有all,none,index,noindex,follow,nofollow。默许是all。

图片 24

1.none : 寻找引擎将忽视此网页,等价于noindex,nofollow。

2.noindex : 寻找引擎不索引此网页。

3.nofollow: 寻觅引擎不一连透过此网页的链接索引寻觅此外的网页。

4.all : 找出引擎将索引此网页与持续透过此网页的链接索引,等价于index,follow。

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

6.follow : 搜索引擎继续透过此网页的链接索引寻觅别的的网页。

F、Set-Cookie(cookie设定)

证实:尽管网页过期,那么存盘的cookie将被剔除。

图片 25

A. content-Type(设定网页字符集)(推荐使用HTML5的形式)

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

图片 26

要素可提供有关页面包车型大巴元新闻(meta-information),举例针对搜寻引擎和改过频度的呈报和严重性词。

本文由时时app平台注册网站发布于web前端,转载请注明出处:meta标签 使用说明(http-equiv、refresh、seo)

关键词: