举例解读HTML中META标识的1些应用技能

HTML meta 标识

HTML meta 标识能够用来出示网页页面內容的信息内容给访问器或是寻找模块,比如网页页面內容的叙述、网页页面关键重要字、网页页面编号等全是常见 meta 来标识的网页页面信息内容,此外也有网页页面作者、网页页面公布時间、所应用的编写器等较不关键的信息内容,还可以透过 META TAG 来标识,META 的作用仅是用来注明这些网页页面信息内容,且出示给访问器或是寻找模块,并不是是要给写给访问网页页面的"人"看的內容。

HTML meta 标识写在 head 案例

XML/HTML Code拷贝內容到剪贴板
  1. <head>  
  2. <title>检测网页页面</title>  
  3. <meta name="description" content="这里是网页页面的简洁明了叙述">  
  4. <meta name="keywords" content="重要字 1,重要字 2">  
  5. </head>   

规范的 <meta> 标识沒有末尾,立即将主要参数写在 <meta> 内便可,1个网页页面内能够有许多个不一样的 <meta> 标识,所有都要写在 head 标识内,案例中的 title 标识是用来标识网页页面题目用的,能够写在 <meta> 标识以前,还可以写在 <meta> 标识以后。

1、显示信息及排序汉语

XML/HTML Code拷贝內容到剪贴板
  1. <META http-equiv="Content-Type" content="text/html; charset=big5">  

表明:
Content-Type==>文档內容文件格式
;==>CONTENT内要作的每件事" ",各自以分号区隔
text/html==>纯文本/超文本
charset==>标识符组为汉语繁体大5码,如用iso⑵022-jp是指日文


2、让检索模块非常容易寻找您

XML/HTML Code拷贝內容到剪贴板
  1. <META NAME="KeyWords" CONTENT="测算机课堂教学'互联网课堂教学'Linux课堂教学'CSS课堂教学'HTML课堂教学'手机软件课堂教学'发信课堂教学'SEO课堂教学'互换连结">  
  2. <META NAME="KeyWords" CONTENT="css'HomePage'html'linux'seo">  

表明:网页页面内文重要字,可以使用中、英文都可


3、有关网站的內容叙述

XML/HTML Code拷贝內容到剪贴板
  1. <META NAME="Description" CONTENT="这是1个完全免费学习培训网页页面制做的好地区,互联网科学研究所">  

表明:Description==>內容的关键叙述


4、这个网页页面的作者是谁

XML/HTML Code拷贝內容到剪贴板
  1. <META NAME="Author" CONTENT="PCNET">  

表明:标明本网页页面作者名字等材料


5、这是用何编写器进行的网页页面

XML/HTML Code拷贝內容到剪贴板
  1. <META NAME="Generator" CONTENT="Mozilla/3.0Gold(Win95)[Netscape]">  

表明:
标明本网页页面作者名字等材料
Generator==>编写器
Mozilla/3.0Gold(Win95)[Netscape]==>编写器等版本号表明


6、这个网页页面什么时候进行

XML/HTML Code拷贝內容到剪贴板
  1. <META NAME="Creation-Date" CONTENT="01-jan⑵003 20:40:01">  

表明:
Creation-Date==>创作时间
01-jan⑵003 20:40:01==>详尽时间時间


7、这个网页页面合理阶段及不被Cache所限定

XML/HTML Code拷贝內容到剪贴板
  1. <META NAME="Expired" CONTENT="01-jan⑵005 00:00:00">  
  2. <META HTTP-EQUIV="Pragma" CONTENT="no_cache">  

表明:
Expired==>网页页面停止限期
01-jan⑵005 00:00:00==>已以往的时间時间,还可以用Mon,12 Jan 2007 00:00:00 GMT
no_cache==>不被Cache所限定,也便是网页页面沒有记忆力作用。


8、网页页面作者的网站地址与邮箱

XML/HTML Code拷贝內容到剪贴板
  1. <link rev="made" href="mailto:pcnettw.tw">  
  2. <link rev="made" href="http://www.pcnet.idv.tw/">  

表明:网页页面作者邮箱或网站地址阐述
rev==>顺向关系
made=>网页页面生产制造者
href==>您的邮箱或网站地址


9、使网页页面能全自动换页

XML/HTML Code拷贝內容到剪贴板
  1. <META HTTP-EQUIV="refresh" CONTENT="15; url=http://www.pcnet.idv.tw/">  

表明:
refresh==>升级或重整
15==>15秒后实行下1姿势
;==>CONTENT内要作的每件事" ",各自以分号区隔
url=http://www.pcnet.idv.tw/==>特定变换到此网页页面


10、进到或离去的殊效(限IE应用)

XML/HTML Code拷贝內容到剪贴板
  1. <META http-equiv="特定要换页殊效产生的情况" content="殊效方式(Duration=殊效不断時间,Transition=替代的殊效)">  

表明:
http-equiv="Page-Enter是进到本页、Page-Exit是离去本页、Site-Enter是进到本站、Site-Exit是离去本站"。
content="revealTrans(特定换页殊效)、blendTrans(设置换页殊效为"混和")。
Duration=设置殊效不断的時间(秒),提议在3⑸秒之间。
Transition=以0⑵3替代殊效(略)。


注:

它务必放于<HEAD>与</HEAD>之间,关键用于本网页页面的內容表明,以利自身或他人(检索模块)应用,此外还可以生产制造出1些全自动换页等独特实际效果。
http-equiv或NAME特性,务必相互配合content特性应用,二者也可互替应用。
后设英语的语法标识(META description tag)的用法随各检索模块设置有一定的不一样。
有没有Meta标识,其实不危害网页页面一切正常显示信息,其最大目地在于出示网页页面各种各样信息内容及造成独特实际效果。
网页页面应用,提议以本页所述1.2.3.4.8项这些标识为主,其余视况自主增减。
您可以使用检视初始码,看来本例具体分配。
更多的报道材料,欢迎亲临讲师(作者)网站查询。