学习HTML,Meta的详解

<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
 
你经常开发网页吗,你的网页开发工具是什么呀,你注意到你的开发工具给你自动添加的meta标签了吗,你是怎么认为它的呢?
你知道网站营销的29方法吗,你知道作者在里面推崇的一个关键性东西了吗?
本文要告诉你:
一、meta到底是什么;
二、meta主要针对的是什么;
三、meta特点描述;
四、meta使用重点;
 
        请你收藏本文,谢谢!
 
一、meta到底是什么
       上Google或是百度,meta是什么,告诉了你一大堆。其实meta是html文档用来模拟HTTP协议的响应头报文(抱歉,具体是如何的规定还没有看RFC),它提供给搜索引擎的机器人和网页特殊需要自动刷新使用。请你在此注意一下机器人。如果你的网页中没有这个标签,无所谓,它不会影响你的任何显示(实际上也不能这么说,又得浏览器就是不行)。
二、就像上面我所说的,meta主要针对的就是机器人。
       像百度和Google这样的提供搜索服务的网站,他们依靠的就是“机器人”,说是机器人只不过是一种形象的说法,其实他就是一个程序系统,Scan各个网站,把网站的信息录入到自己的数据库中,提供给搜索者并引导搜索者访问该网站得到他们需要的信息。程序系统,是自动的不给他一些信息处理,他容易“误解”的,知道它的作用了吗?这是一个后台的东西,如果你的网站是内部网站,大家都知道,根据此就无需该标签了。如果你的网站是电子商务一类或是娱乐等,那从搜索引擎上获得的访问量就不能不重视了。
三、meta特点描述。
              Meta位置通常放在<head>标签内,在</title>标签外。它有两个重要的属性:name和http-equiv。name通常都是成对出现的,它告诉机器人的就是信息,尤其是关键字等,http-equiv则是提示“机器人”你该怎么对待我。在一个网页中,meta可以有多个,不是我们经常见到的就是一个<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />,像CSDN中:
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="author" content="Csdn" />
<meta name="Copyright" content="Csdn" />
<meta name="description" content="csdn" />
<meta content="csdn" name="keywords" />,罗列了好几个。同时HTML和XHTML中使用的不同也是需要重视。Html没有结束的标签,而XHTML必须的有合适的结束标签。
四、meta使用重点
我们拿三个网站来做例子:
百度:<meta http-equiv=Content-Type content="text/html;charset=gb2312">
Google:<meta http-equiv="content-type" content="text/html; charset=UTF-8">
CSDN:<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="author" content="Csdn" />
<meta name="Copyright" content="Csdn" />
<meta name="description" content="csdn" />
<meta content="csdn" name="keywords" />。
    他们的作用不是可有可无的,像百度的<meta http-equiv=Content-Type content="text/html;charset=gb2312">就是告诉要显示百度网页的浏览器我的内容编码是gb2312,你的调用这个编码才能正常的显示我。同时它也在默默无闻的告诉网络上的‘机器人’:你在Scan我时,要采用gb2312编码,同时我这个文档可是文本/网页格式的,不要搞成了audio/mpeg(音视频)或是image/gif(图片)了。你给机器人多多的信息(怎么做),就能减少“机器人”在你的网页上犯的错误,提高正确性。
   像我们上边举的那些例子中都是要告诉机器人我们的东西,当然一些网站出于利益的考虑没有那么认真的对待自己的网页,现在的“机器人”判断能力在显著的提高,“不认真的结果可能”就是被屏蔽掉,得不偿失。
   不知道你注意没有,我每次使用google搜索技术信息时,CSDN的东西总是靠在前面,也许是更CSDN重视meta的有关吧。
   下面是我在网上摘录的meta信息,希望对你有所帮助:

 

<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

 

    name 属性
 
  1<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
 
  2<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;这一条也是网络营销推崇的注意地方,弄好了它,更好的同我们的竞争对手竞争。
 
  3<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;
 
  4<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;
 
  5<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">
 
  其中的属性说明如下:
 
  设定为all:文件将被检索,且页面上的链接可以被查询;
 
  设定为none:文件将不被检索,且页面上的链接不可以被查询;
 
  设定为index:文件将被检索;
 
  设定为follow:页面上的链接可以被查询;
 
  设定为noindex:文件将不被检索,但页面上的链接可以被查询;
 
  设定为nofollow:文件将不被检索,页面上的链接可以被查询。
 
  http-equiv属性
 
  1<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">
 
<meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;
 
  又如英文是ISO-8859-1字符集,还有BIG5utf-8shift-JisEucKoi8-2等字符集;
 
  2<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http://yourlink
 
  3<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
 
  4<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
 
  5<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
 
  6<meta http-equiv="Pics-label" contect="">网页等级评定,在IEinternet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
 
  7<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
 
  8<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)"><meta http-equiv="Page-Exit" contect="revealTrans(duration=20transtion=6)">设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。
 
请你注意meta一个作用“网页的自动刷新”,使用方法就是:
<meta http-equiv="Refresh" contect="n;url=http://yourlink">,把这样的一个东西放在你的head中,网页就能实现了固定时间刷新了。如果你的网站是股票或是体育赛事的,要实时的关注走势,这样的代码可以让浏览者减少工作量。
 
在你的网页中加入这个标签不是那么费事,尤其在主页中加入。网络是一个开发环境,让更多的人知道你,也是网站的目的,为了这个为什么还要“加不加无所谓”呢?加了吧,效果非常的好。
声明:本文中的一些内容,摘录于网上,感谢作者的奉献。如果本文有理解错误的地方,请你指出来,不胜感激。
<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值