选取验证,HTML学习日记之元音信meta标记

By admin in 4858美高梅 on 2019年3月28日

所谓meta标记即是用来描述八个HTML网页文书档案的属性,也号称元音信,那几个消息并不会议及展览示在浏览器的页面中,例如小编、日期和岁月、网页描述、页面刷新等。

一,<meta>描述

1.HTML 、XML、XHTML区别?

HTML与XML对比!
在效益范围:HTML是文书档案的显得;XML是传输HTML文书档案的数目。
站在产生的角度:XML是在S卡那霉素L的基本功上,简化而来的。而第二个HTML的正儿八经草案是参考S林大霉素L来定义的。

那是维基百科的概念: 规范通用标记语言(Standard Generalized Markup
Language,SGML)是今后常用的超文本格式的参天层次标准,是能够定义标记语言的元语言,甚至足以定义不必采用<
>的例行格局。由于它的复杂,因此难以推广。
那是它的1个例子:
<QUOTE TYPE=”example”> typically something like
<ITALICS>this</ITALICS> </QUOTE>
而且它也是1个ISO标准:”ISO 8879:1987 Information processing — Text
and office systems — Standard Generalized 马克up Language (S金霉素L)”
它有足够强大的适应性,也多亏因为相同的原委,导致在小型的选择中难以推广。
HTML和XML同样派生于它:XML能够被认为是它的贰个子集,而HTML是它的三个应用。
选取验证,HTML学习日记之元音信meta标记。XML的产生正是为着简化它,以便用于尤其通用的指标,比如语义Web。它早已选拔于大批量的场所,相比有名的有XHTML、奥迪Q7SS、XML-KoleosPC和SOAP。

而XHTML能够说是勾兑了XML与HTML的精彩,它比前辈们更严厉,更适合总结机。怎么严刻呢?例如:全部标签必循是关闭的,而且标签必须小写等等一密密麻麻规定。严厉的正经,让电脑更易于辨别语言。SO,超越二分一广大的浏览器都能够正确地解析XHTML,固然老一点的浏览器,XHTML作为HTML的1个子集,许多也能够分析。

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重临头控制

常用来证实页面类型、编码,重定向,以及缓存控制方面!

① 、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” /> ,表明该页面是简体中文

 

贰 、refresh 自动刷新并且针对新页面

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

 

3、Expires(过期控制)

<meta http-equiv=”expires” content=”Fri,12 Jan 二〇〇〇 18:18:18
土霉素T”>,能够用来设定网页的到期时间。一旦网页过期,本地缓存将失效,必须重新从服务器读撤除息!

 

④ 、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秒!

 

支持主页被各大搜索引擎登录、其它

壹 、Keywords 描述页面关键词

<meta name=”keywords”
content=”政治,经济,科学技术,文化,卫生,心思,心灵,娱乐,生活,社会,公司,交通”>
,便于寻找引擎,火速稳定页面核心!

 

贰 、Description页面简介描述音信

<meta name=”description”
content=”程默博客是二个关爱web安全、质量、框架,以及服务器质量、服务器架设、服务器安全,是2个值得Web开发朋友收藏的博客。”/>
,对页面简单描述归纳!

 

三 、Author页面全体者

<META name=”author” content=”chengmo”>
该页面作者是:chengmo

 

四 、Copyright 版权表明

<META name=”copyright” content=”© 二〇一二 chacuo.net”>
版权音讯描述!

 

⑤ 、Date 开创时间

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

 

⑥ 、robots(机器人向导)

申明:robots用来告诉搜索机器人怎么着页面需求索引,哪些页面不要求索引。content的参数有all,none,index,noindex,follow,nofollow。暗中同意是all。举例:<meta
name=”robots”
content=”none”>不索引该页,并且该页里面装有连接也不搜索索引!

 

以上是meta常见应用,可以对页面举办音讯描述,也足以对寻找引擎进行引导!尤其是它的性质及值,没有进一步的定义。随着不断利用,恐怕在前面大家还会扩充出新的天性,以及它对应值!它为之后的扩大预留很多的半空中!也有些浏览器,还支持:进入、退出动画,窗口定义,分级定义。然则它不可能很幸而享有浏览器中匹配,叁遍没有各样列举!欢迎交换!

 

 

 

 

 

着力语法:

要素可提供有关页面包车型客车元音信(meta-information),比如针对探寻引擎和更新频度的讲述和重点词。

2.怎么样掌握HTML语义化

语义化正是让机器更易于辨别文书档案成分。如何让机器更易于辨别文书档案呢?笔者的知情是有标准的、使用方便的标签、有逻辑的去排版。例如:p标签,该标签定义段落。div标签,定义为2个容器,表明意思过多,机器很难去判断。strong和em标签那样,唯有一种概念,人和机械和工具都很不难辨别出这么些效果。还有表格,表格是有表头,内容等等一多级的事物,不是只是随便二个框就足以,要是是无论多少个框,那样表明不清楚,很不难令人歪曲。所以HTML语义化对已,对人,对机都造福,是3个双赢,值得去往深发展。

eta http-equiv属性详解(转)

博客分类:

  • Web综合

HTML浏览器IECache探寻引擎 

http-equiv顾名思义,也就是http的文件头成效,它能够向浏览器传回一些有效的音讯,以支援科学和规范地突显网页内容,与之相应的属性值为content,content中的内容实在正是逐一参数的变量值。 

引用

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


1、Expires(期限)
 
申明:能够用来设定网页的到期时间。一旦网页过期,必须到服务器上再度传输。 
用法:

Html代码  4858美高梅 1

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

留意:必须运用奇霉素T的日子格式。 

2、Pragma(cache模式) 
表达:是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出 
用法:

Html代码  4858美高梅 2

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

留意:那样设定,访问者将不可能脱机浏览。 

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

Html代码  4858美高梅 3

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

注意:当中的2是指停留2分钟后自动刷新到UPAJEROL网址。 

4、Set-Cookie(cookie设定)
 
4858美高梅,证实:假设网页过期,那么存盘的cookie将被去除。 
用法:

Html代码  4858美高梅 4

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

注意:必须利用林大霉素T的光阴格式。 

五 、Window-target(展现窗口的设定) 
证实:强制页面在此时此刻窗口以单身页面呈现。 
用法:

Html代码  4858美高梅 5

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

留意:用来防患别人在框架里调用自身的页面。 

⑥ 、content-Type(展现字符集的设定) 
表明:设定页面使用的字符集。 
用法:

Html代码  4858美高梅 6

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

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

Html代码  4858美高梅 7

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

表达:在IE的internet选项中有一项内容设置,能够防备浏览部分受限制的网站,而网站的限量级别就是经过meta属性来安装的。 

8、Page_Enter、Page_Exit 
设定进入页面时的特殊效果

Html代码  4858美高梅 8

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

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

Html代码  4858美高梅 9

  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    随机发生一种过渡情势  

九 、清除缓存(再拜访那几个网站要重复下载!) 

Html代码  4858美高梅 10

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


10、设定网页的到期时间
 

Html代码  4858美高梅 11

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

1① 、关键字,给寻找引擎用的 

Html代码  4858美高梅 12

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

12.页面描述 

Html代码  4858美高梅 13

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

<meta name = ” “content=” “>

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

3.怎么样精晓内容与体制分离

本身是那般精晓的:
① 、html在并未CSS的气象下,也能够让浏览器正确排版文书档案,人们不会因贫乏CSS而影响阅读。
2、内容与体制分离便于开发职员修改或涂改数据,收缩工作量。因为文书档案内容与体制能够分别工作,1位集中精力把文书档案的内容标记出来,另1人集中精力把文书档案的样式设计好,最终用ID或类连接起来,人们不要因为看到种种成分里都有style属性的wed文书档案而悲伤,内容与体制分离令开发职员成效更高,更小心。

<meta http-equiv=” ” content = ” “>

meta是用来在HTML文书档案中模拟HTTP协议的响应头报文

4.有怎么样常见的meta标签

常见的meta标签,作者:ailisiMM

概念和用法:
<meta>
成分可提供关于页面包车型地铁元新闻(meta-information),比如对准查找引擎和翻新频度的讲述和主要性词。
meta 标签位于文书档案的底部,不分包别的内容。<meta>
标签的习性定义了与文书档案相关联的称谓/值对。
在 HTML 中,<meta> 标签没有终止标签。
在 XHTML 中,<meta> 标签必须被科学地关闭。
诠释:<meta> 标签永远位于 head 成分内部。
评释:元数据连接以名称/值的方式被成对传递的。

meta标签中必备的品质:
属性:content
值:some_text
讲述:定义与 http-equiv 或 name 属性相关的元新闻

注意:content 属性始终要和 name 属性或 http-equiv 属性一起行使。

meta标签中可用的性格:
属性:http-equiv
值:content-type,expires,refresh,set-cookie
讲述:把 content 属性关联到 HTTP 尾部。
例如:<meta http-equiv=”charset” content=”iso-8859-1″>

属性:name
值:author,description,keywords,generator,revised,others
叙述:把 content 属性关联到一个称号。
例如:<meta name=”keywords” content=”HTML,ASP,PHP,SQL”>

属性:scheme
值:some_text
叙述:定义用于翻译 content 属性值的格式。
例如:<meta scheme=”dreamdu tutorial” name=”url”
content=”;

meta标签的name属性语法格式是:
<meta name=”参数”content=”具体的参数值”>。
当中name属性首要有以下两种参数: 
1、Keywords(关键字) 
表明:keywords用来报告搜索引擎你网页的重要性字是哪些。
举例:
<meta name=”keywords”content=”meta总结,html
meta,meta属性,meta跳转”>
贰 、description(网站内容叙述)
注解:description用来报告搜索引擎你的网站显要内容。
举例:
<meta
name=”description”content=”haorooms博客,html的meta计算,meta是html语言head区的一个帮忙性标签。”>
叁 、robots(机器人向导)
表达:robots用来告诉搜索机器人怎么着页面须求索引,哪些页面不须求索引。
content的参数有all,none,index,noindex,follow,nofollow。暗许是all。
举例:
<meta name=”robots”content=”none”>
具体参数如下:
音讯参数为all:文件将被寻找,且页面上的链接能够被询问;
新闻参数为none:文件将不被寻找,且页面上的链接不得以被询问;
音信参数为index:文件将被搜寻;
新闻参数为follow:页面上的链接能够被询问;
音讯参数为noindex:文件将不被搜寻,但页面上的链接可以被询问;
音讯参数为nofollow:文件将被搜寻,但页面上的链接无法被查
4、author(作者)
表明:标注网页的小编
举例:
<meta
name=”author”content=”root,root@xxxx.com”>
5、generator
<meta name=”generator”content=”音信参数”/>
meta标签的generator的新闻参数,代表表明网站的应用的怎样软件制作。
6、COPYRIGHT
<META NAME=”COPY奥迪Q5IGHT”CONTENT=”消息参数”>
meta标签的COPY本田CR-VIGHT的音讯参数,代表表明网站版权消息。
7、revisit-after
<META name=”revisit-after”CONTENT=”7days”>
revisit-after代表网站重访,7days意味7天,依此类推。
8,Viewport
证实:设置页面缩放比例
<meta name=”viewport” content=”width=device-width, initial-scale=1,
maximum-scale=1″>
width:控制 viewport 的尺寸,能够钦定的一个值,如若600,恐怕特殊的值,如 device-width 为装备的肥瘦(单位为缩放为 百分百时的 CSS 的像素)。
height:和 width 相对应,钦定中度。
initial-scale:发轫缩放比例,约等于当页面第一次 load
的时候缩放比例。
maximum-scale:允许用户缩放到的最大比例。
minimum-scale:允许用户缩放到的不大比例。
user-scalable:用户是不是能够手动缩放
2、http-equiv属性
http-equiv顾名思义,也就是http的文本头功效,它能够向浏览器传回一些立见成效的音信,以扶持科学和准确地出示网页内容,与之相应的属性值为content,content中的内容实在正是各样参数的变量值。
meta标签的http-equiv属性语法格式是:
<meta http-equiv=”参数”content=”参数变量值”>;
里头http-equiv属性首要有以下三种参数:
1、Expires(期限)
注解:能够用于设定网页的到期时间。一旦网页过期,必须到服务器上海重型机器厂复传输。
用法:
<meta http-equiv=”expires”content=”Fri,12Jan200118:18:18GMT”>
专注:必须利用金霉素T的时光格式。
2、Pragma(cache模式)
表达:禁止浏览器从地面电脑的缓存中访问页面内容。
用法:
<meta http-equiv=”Pragma”content=”no-cache”>
留神:那样设定,访问者将不能脱机浏览。
3、Refresh(刷新)
表明:自动刷新并针对性新页面。
用法:
<meta
http-equiv=”Refresh”content=”2;URL=http://www.haorooms.com”>
//(注意前边的引号,分别在秒数的先头和网址的末尾)
瞩目:当中的2是指停留2分钟后自动刷新到U翼虎L网址。
4、Set-Cookie(cookie设定)
评释:假使网页过期,那么存盘的cookie将被去除。
用法:
<meta http-equiv=”Set-Cookie”content=”cookie
value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/”>
留神:必须运用卡那霉素T的时光格式。
五 、Window-target(展现窗口的设定)
证实:强制页面在日前窗口以单身页面彰显。
用法:
<meta http-equiv=”Window-target”content=”_top”>
留神:用来防患外人在框架里调用自个儿的页面。
⑥ 、content-Type(彰显字符集的设定)
证实:设定页面使用的字符集。
用法:
<meta
http-equiv=”content-Type”content=”text/html;charset=gb2312″>
具体如下:
meta标签的charset的新闻参数如GB2312时,代表表达网站是采纳的编码是简体普通话;
meta标签的charset的新闻参数如BIG5时,代表表明网站是使用的编码是繁体中文;
meta标签的charset的音讯参数如iso-2022-jp时,代表表达网站是行使的编码是日文;
meta标签的charset的音讯参数如ks_c_5601时,代表表达网站是采取的编码是葡萄牙语;
meta标签的charset的新闻参数如ISO-8859-1时,代表表明网站是应用的编码是英文;
meta标签的charset的音讯参数如UTF-8时,代表世界通用的语言编码;
柒 、content-Language(显示语言的设定)
用法:
<meta http-equiv=”Content-Language”content=”zh-cn”/>
捌 、Cache-Control钦赐请求和响应遵从的缓存机制。
Cache-Control钦赐请求和响应坚守的缓存机制。在伸手消息或响应消息中安装Cache-Control并不会修改另多个新闻处理进程中的缓存处理过程。请求时的缓存指令包含no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached,响应消息中的指令包罗public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。种种音讯中的指令含义如下
Public提醒响应可被别的缓存区缓存
Private提醒对于单个用户的凡事或部分响应音讯,不可能被共享缓存处理。那允许服务器仅仅描述当用户的部分响应音信,此响应音信对于其余用户的哀求无效
no-cache提醒请求或响应新闻无法缓存
no-store用于幸免重庆大学的消息被无意识的公布。在呼吁音信中发送将使得请求和响应音讯都不接纳缓存。
max-age提醒客户机可以采取生存期不超出内定时间(以秒为单位)的响应
min-fresh提示客户机可以收起响应时间低于当前时刻累加钦定时间的响应
max-stale提醒客户机能够采纳超出超时里边的响应新闻。尽管钦命max-stale音讯的值,那么客户机能够吸收超出超时代钦命值之内的响应新闻。
9、http-equiv=”imagetoolbar”
<meta http-equiv=”imagetoolbar”content=”false”/>
钦赐是不是出示图片工具栏,当为false代表不彰显,当为true代表展现。
10、Content-Script-Type
<Meta http-equiv=”Content-Script-Type”Content=”text/javascript”>

name属性与content属性

标志之间,它提供用户不可知的音信。meta标签经常用来为寻找引擎robots定义页面宗旨,或许是概念用户浏览器上的cookie;它能够用来鉴定分别作者,设定页面格式,标注内容提要和要紧字;还足以设置页面使其得以依照你定义的日子距离刷新自个儿,以及安装RASC内容等级,等等<span class=”_kalamu-temp-placeholder”></span><br>

标志之间,它提供用户不可见的信息。meta标签平日用来为寻找引擎robots定义页面宗旨,或许是概念用户浏览器上的cookie;它可以用于鉴定识别我,设定页面格式,标注内容提要和重庆大学字;还足以设置页面使其可以依据你定义的流年间隔刷新本人,以及安装RASC内容等级,等等。<span
class=”_kalamu-temp-placeholder”></span><br>

5.文书档案声称的职能?严厉情势和交集方式指什么?<!doctype html> 的作用?

文书档案申明是提醒 web 浏览器关于页面使用哪个 HTML 版本进行编写制定的吩咐。
在 HTML 4.01 中,<!DOCTYPE> 证明引用 DTD,因为 HTML 4.01 基于
S核糖霉素L。DTD 规定了符号语言的规则,那样浏览器才能科学地展现内容。
HTML5 不依据 S奇霉素L,所以不须要引用 DTD。

严加格局是浏览器依据web标准去分析页面,是一种需要严峻的DTD,不容许使用其余表现层的语法,如
。什么是勾兑形式?混杂方式则是一种向后格外的分析方法,说的透明点便是足以兑现IE5.5以下版本浏览器的渲染格局。触发严厉形式触发严厉形式很不难,就是正规的确立网页,证明无误的DTD,就是严谨形式。触发混杂方式而掺杂情势的触发可以经过在HTML文书档案伊始不注解DTD,或然在DOCTYPE前投入XML注解l<?xml
version=”1.0〃 encoding=”utf-8〃?>来贯彻。

name属性用于描述网页,它是以“名称/值”格局的称号,name属性的值所描述的情节(值)通过content属性表示,便于寻找引擎机器人查找、分类。当中最要紧的是description、keywords和robots。

二,组成

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

1.name属性、

name属性首要用来描述网页,比如网页的主要性词,叙述等。与之对应的属性值为content,content中的内容是对name填入类型的切切实实讲述,便于寻找引擎抓取。

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

4858美高梅 14

6.浏览器乱码的由来是何许?怎样缓解?

缘由一:文书档案编辑器与文书档案的meta charset=”XXX”不均等。请尽可能采纳utf-8.
案由二:文书档案设置的meta
charset=”XXX”,不帮助汉语字符。把XXX转换来UTF-8.
缘由三:浏览器不自动物检疫索文档的meta
charset=”XXX”,暗中同意帮助gbk,汉语就展现乱码,手动设置浏览器帮衬UTF-8;

http-equiv属性与content属性

A. keywords(关键字)

评释:用于告诉搜索引擎,你网页的机要字。

6.宽广的浏览器有何,什么内核?
浏览器 内核
IE Triden
Mozilla FireFox Gecko
Webkit Safari
chrome chromium

http-equiv属性用于提供HTTP协议的响应头报文,它是以“名称/值”情势的称谓,http-equiv属性的值所描述的始末(值)通过content属性表示,常常为网页加载前提供给浏览器等装置选择。在那之中最重庆大学的是content-type
charset提供编码音讯,refresh刷新与跳转页面,no-cache页面缓存,expires网页缓存过期光阴。

B. description(网站内容的叙说)

注明:用于告诉搜索引擎,你网站的关键内容。

4858美高梅 15

7.列出大规模的价签,并简要介绍这个标签用在什么意况?
标签 场景
h1-h6 定义标题的大小
a 定义链接
img 定义图片
p 定义文字段落
span 定义部分文字
em 定义文字的强调
strong 定义文字的更加强调
ol 定义有序列表
ul 定义无序列表
table 定义表格
form 定义用户输入的表单
input 定义用户的输入
button 定义按钮
div 一个容器
option 定义一个列表选项
select 定义一个下拉列表
sup 定义上标
sub 定义下标

4858美高梅 16

C. viewport(移动端的窗口)

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

4858美高梅 17

meta标记的应用形式

D. robots(定义搜索引擎爬虫的目录方式)

证实:robots用来告诉爬虫哪些页面必要索引,哪些页面不必要索引。

content的参数有all,none,index,noindex,follow,nofollow。私下认可是all。

4858美高梅 18

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

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

3.nofollow: 搜索引擎不继续通过此网页的链接索引搜索别的的网页。

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

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

6.follow : 搜索引擎继续透过此网页的链接索引搜索其余的网页。

<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=网址参数"/>

E. author(作者)

注解:用于标注网页笔者

4858美高梅 19

例子:

G. copyright(版权)

表达:用于标注版权音讯

<!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>

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

表明:假设页面不是时常更新,为了减轻搜索引擎爬虫对服务器带来的下压力,能够安装多少个爬虫的重访时间。假诺重访时间过短,爬虫将按它们定义的私下认可时间来访问。

4858美高梅 20

 

2. http-equiv属性

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

4858美高梅 21

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

证实:用于设定网页字符集,便于浏览器解析与渲染页面

4858美高梅 22

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

表达:用于告知浏览器以何种版本来渲染页面。(一般都安装为新型格局,在各大框架中那个设置也很广泛。)

4858美高梅 23

D. expires(网页到期时间)

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

4858美高梅 24

E. refresh(自动刷新并对准某页面)

注解:网页将在设定的年华内,自动刷新并调向设定的网址。

4858美高梅 25

F、Set-Cookie(cookie设定)

证实:如若网页过期,那么存盘的cookie将被删去。

4858美高梅 26

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有