码迷,mamicode.com
首页 > Web开发 > 详细

HTML中META标签一些用法

时间:2014-06-21 00:19:10      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:des   http   tar   ext   com   get   

  你的个人网站做得再精彩,在如此庞大的网络空间,被人发现实属不易。那么如何推广个人网站,人们一般会这样做:

  ● 在搜索引擎中登录自己的个人网站

  ● 在知名网站加入你个人网站的链接

  ● 在论坛中发帖子宣传你的个人网站

  很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性!

  META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。

  HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:

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

  说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。

  用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=utf8">
      <Meta http-equiv="Content-Language" Content="zh-CN">

  2、Refresh (刷新)

   说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。
   用法:<Meta http-equiv="Refresh" Content="30">
      <Meta http-equiv="Refresh" Content="5; Url=http://www.baidu.com">

  3、Window-target (显示窗口的设定)

   说明:强制页面在当前窗口以独立页面显示。
   用法:<Meta http-equiv="Widow-target" Content="_top">
   注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。

  name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。

  1、Keywords (关键字)
   说明:为搜索引擎提供的关键字列表
   用法:<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">
   注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:
      <Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">

  2、Description (简介)
   说明:Description用来告诉搜索引擎你的网站主要内容。
   用法:<Meta name="Description" Content="你网页的简述">
   注意:

   3、Author (作者)
   说明:标注网页的作者或制作组
   用法:<Meta name="Author" Content="张三,abc@sina.com">
   注意:Content可以是:你或你的制作组的名字,或Email

  Head中的其它一些用法:

  1、Link (链接)
   说明:链接到文件
   用法:<Link href="soim.ico" rel="Shortcut Icon">
   注意:很多网站如果你把她保存在收件夹中后,会发现它连带着一个小图标,如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话,就能轻松实现这一功能。

  2、Base (基链接)
   说明:插入网页基链接属性
   用法:<Base href="http://www.baidu.com/" target="_blank">
   注意:你网页上的所有相对路径在链接时都将在前面加上“http://www.baidu.com/”。其中target="_blank"是链接文件在新的窗口中打开,你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开;改为“_self”链接文件在当前窗口(帧)中打开;改为“_top”链接文件全屏显示。

  以上是META标签的一些基本用法,其中最重要的就是:Keywords和Description的设定。为什么呢?道理很简单,这两个语句可以让搜索引擎能准确的发现你,吸引更多的人访问你的站点!根据现在流行搜索引擎的工作原理,搜索引擎先派机器人自动在WWW上搜索,当发现新的网站时,便于检索页面中的Keywords和Description,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序。

 

HTML中META标签一些用法,布布扣,bubuko.com

HTML中META标签一些用法

标签:des   http   tar   ext   com   get   

原文地址:http://www.cnblogs.com/jlchen/p/3795609.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!