一、META的作用:
meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的 cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级等。
一些网站的示例:
1、SEO视频网
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="视频教程,在线教程,教程,程序开发,数据库,网站建设,网页设计,建模,贴图,灯光,渲染,动画" />
<meta name="description" content="SEO的主要工作是通过了解各类搜索引擎如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术,来对网页进行相关的优化,使其提高搜索引擎排名,从而提高网站访问量,最终提升网站的销售能力或宣传能力的技术。, 免费视频教程,轻松学习程序开发,动态网站建设,三维动画设计,学习之余,还可以结识志同道合的朋友!"/>
</head>
2、淘宝网
<head>
<meta charset="gbk" />
<title>淘宝网 - 淘!我喜欢</title>
<meta name="description" content="淘宝网 - 亚洲最大、最安全的网上交易平台,提供各类服饰、美容、家居、数码、话费/点卡充值… 2亿优质特价商品,同时提供担保交易(先收货后付款)、先行赔付、假一赔三、七天无理由退换货、数码免费维修等安全交易保障服务,让你全面安心享受网上购物乐趣!" />
<meta name="keywords" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺" />
</head>
3、hao123
<head>
<base target="_blank">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="ROBOTS" content="NOODP">
<meta name="description" content="hao123网址之家——最专业权威的上网导航。及时收录包括音乐、视频、小说、游戏等热门分类的优秀网站,与搜索完美结合,提供最简单便捷的网上导航服务,是数千万网民的上网主页。精彩网络生活,从hao123开始。">
</head>
4、iteye.com
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>JavaEye Java编程 Spring框架 AJAX技术 Agile敏捷软件开发 ruby on rails实践 - JavaEye做最棒的软件开发交流社区</title>
<meta name="description" content="Java编程,Spring Struts Webwork框架深入,XMLHTTP AJAX开发,Java Web开发,Java企业应用,Java设计模式,Java开源框架,Java应用服务器,Rich Client讨论,Ruby编程,Ruby DSL开发,Ruby on rails实践,JavaScript编程,敏捷软件开发XP TDD,软件配置管理,软件测试,项目管理UML,数据库,C#/.net C/C++ Erlang/FP PHP/Linux平台,精通Hibernate" />
<meta name="keywords" content="Java编程 Spring框架 AJAX技术 Agile敏捷软件开发 ruby on rails实践 JavaEye深度技术社区" />
</head>
5、新浪网
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>新浪首页</title>
<meta name="description" content="新浪网为全球用户24小时提供全面及时的中文资讯,内容覆盖国内外突发新闻事件、体坛赛事、娱乐时尚、产业资讯、实用信息等,设有新闻、体育、娱乐、财经、科技、房产、汽车等30多个内容频道,同时开设博客、视频、论坛等自由互动交流空间。" />
<meta name="stencil" content="PGLS000022" />
<meta name="publishid" content="30,69,1" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="verify-v1" content="6HtwmypggdgP1NLw7NOuQBI2TW8+CfkYCoyeB8IDbn8=" />
</head>
6、搜狐新闻
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="keywords" content="犀利哥,犀利哥资料,犀利哥作品,犀利哥奖项荣誉,犀利哥新闻,犀利哥图片,犀利哥视频,犀利哥专访,犀利哥专题,粉丝留言,投票打分"/>
<meta name="description" content="包含犀利哥资料,犀利哥作品,犀利哥奖项荣誉,犀利哥新闻等各类与其有关的明星资讯内容; “犀利哥”原本只是宁波街头的一个流浪汉,他那原始版的“混搭”潮流装扮,受到网友追捧,甚至已红遍中国以外的国家。随着他患有精神疾病的凄惨身世被曝光后,网友摒弃了先前的娱乐态度,开始对其表示同情,但是当他面对蜂拥而至的人们和镜头嚎啕大哭时,我们是否应该开始反思:对“犀利哥”的关注是否已经超越了他能够承受的范围…
犀利哥:程国荣,生于1976 年10月10日,江西上饶鄱阳人,早年和同乡到宁波打工。"/>
<meta name="robots" content="all" />
<title>犀利哥_明星资料库_搜狐</title>
</head>
二、META分类
META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。
1、 HTTP-EQUIV
HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:
(1) Content-Type和Content-Language (显示字符集的设定);
说明:用以说明主页制作所使用的文字以及语言,例如:
用法: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Content-Language" contect="zh-CN">
(2) Refresh (刷新)
说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。
用法: <Meta http-equiv="Refresh" Content="30">
<Meta http-equiv="Refresh" Content="5; Url=http://www.lcsoft.net.cn">
注意:其中的5是指停留5秒钟后自动刷新到URL网址。
(3) Expires (期限)
说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。
用法: <Meta http-equiv="Expires" Content="0">
<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)。
(4) Pragma (cach模式)
说明:禁止浏览器从本地机的缓存中调阅页面内容。
用法: <Meta http-equiv="Pragma" Content="No-cach">
注意:网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。
(5) Set-Cookie (cookie设定)
说明:cookie设定,如果网页过期,存盘的cookie将被删除。
用法:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
21-Oct-98 16:14:21 GMT; path=/">
注意:必须使用GMT的时间格式。
(6) Window-target (显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。
用法:<Meta http-equiv="Widow-target" Content="_top">
注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。
(7) Pics-label (网页RSAC等级评定)
说明:在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过该参数来设置的。
用法:<META http-equiv="Pics-label" Contect=“http://localhost”
(8) Page-Enter、Page-Exit (进入与退出)
说明:这个是页面被载入和调出时的一些特效。
用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果。
(9) MSThemeCompatible (XP主题)
说明:是否在IE中关闭 xp 的主题
用法:<Meta http-equiv="MSThemeCompatible" Content="Yes">
注意:关闭 xp 的蓝色立体按钮系统显示样式,从而和win2k 很象。
(10) IE6 (页面生成器)
说明:页面生成器generator,是ie6
用法:<Meta http-equiv="IE6" Content="Generator">
注意:用什么东西做的,类似商品出厂厂商。
(11) Content-Script-Type (脚本相关)
说明:这是近来W3C的规范,指明页面中脚本的类型。
用法:<Meta http-equiv="Content-Script-Type" Content="text/javascript">
2、 NAME
name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。
name的content指定实际内容。
(1) Keywords (关键字)
说明:为搜索引擎提供的关键字列表
用法: <Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">
<Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
<Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">
注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。
(2) Description (简介)
说明:Description用来告诉搜索引擎你的网站主要内容。
用法: <Meta name="Description" Content="你网页的简述">
(3) Robots (机器人向导)
说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
其中的属性说明如下:
all:文件将被检索,且页面上的链接可以被查询;
none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)
index:文件将被检索;(让robot/spider登录)
follow:页面上的链接可以被查询;
noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)
nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)
(4) Author (作者)
说明:标注网页的作者或制作组
用法:<Meta name="Author" Content="张三,zs@sina.com">
注意:Content可以是:你或你的制作组的名字,或Email
(5) Copyright (版权)
说明:标注版权
用法:<Meta name="Copyright" Content="本页版权归xxx所有。All Rights Reserved">
(6) Generator (编辑器)
说明:编辑器的说明
用法:<Meta name="Generator" Content="PCDATA|FrontPage|">
注意:Content="你所用编辑器"
(7) revisit-after (重访)
用法:<META name="revisit-after" CONTENT="7 days" >
以上是META标签的一些基本用法,其中最重要的就是:Keywords和Description的设定。为什么呢?道理很简单,这两个语句可以让搜索引擎能准确的发现你,吸引更多的人访问你的站点!根据现在流行搜索引擎(Google,Lycos,AltaVista等)的工作原理,搜索引擎先派机器人自动在WWW上搜索,当发现新的网站时,便于检索页面中的Keywords和Description,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序。
分享到:
相关推荐
meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分...
这个插件的功能就是显示不同格式的图片。对于不能原生就显示图片的KOffice程序就需要插入Kimage。未来Kimage将具备图形编辑功能。Kimage是为KOffice组件创建插件的优秀模式。最近KoHTML加入了KOffice套件。顾名思义...
写在Web的head头部中的mata标签看似不起眼,实则可以设置非常多种的功能,包括页面编码等重要设定,这里我们便来总结HTML的meta标签常见用法集锦:
Meta2_3G音频调试工具使用方法 MOBA60M喇叭配置方法 MOBA60M移植SP0829摄像头 MOBA60M移植久升9101屏 MTK TP Vibrator Speaker简略介绍 mtk编译 mtk触屏校准功能笔记 mtk屏移植调试总结 根据mt6252项目搭建MOBA60M_...
重要功能总结 权限功能的实现 权限路由思路: 根据用户登录的roles信息与路由中配置的roles信息进行比较过滤,生成可以访问的路由表,并通过router.addRoutes(store.getters.addRouters)动态添加可访问权限路由表...
在webAPP开发过程中,需要将返回的经纬度转换成中文地址,一番折腾后得以实现,总结如下 原理分析: 百度地图API提供了一个JS库,我们只需要用这个接口就可以实现转换功能,这里我写一个简单的demo,与君共勉 <...
注意本文不提供一条龙式的使用方法,只是将使用过程中的一些实现思路进行总结,供以参考。react项目中导入ueditor,会存在各种不正交的问题,需要注意。 引入 首先在ueditor官网下载最新安装包,然后在项目入口的...
总结总结,防止忘记。。。 效果图: 前台代码: <%@ Page Language=C# AutoEventWireup=true CodeFile=gridView_bianjidelete.aspx.cs Inherits=gridView_bianjidelete %> <!DOCTYPE html> <...
本文实例讲述了security.js实现的RSA加密功能。分享给大家供大家参考,具体如下: 在项目中遇到要对用户输入的密码进行RSA加密的需求,总结一下实现过程: <html> <head> <meta charset=utf-8 />...
总结:文字选中IE和其他浏览器不一样 在IE中文字选中后鼠标抬起,图片显现触发有点快所以用定时器。 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title></title> ...
先看例子,后面有对用到的知识点的总结 效果图: 实现代码如下: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>组件练习</title> <link rel=...
对于一些较为常用的功能模块,Bootstrap也进行了封装。包括下拉菜单、按钮组、导航、分页、缩略图、进度条等。 下面先总结下下拉菜单的使用。 直接看下面的例子: <!DOCTYPE html> <html lang=zh-cn> <...
三、实验内容 网页代码:login.jsp <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 注册</title> <script language="javascript"> function check(){ var userid = new ...
主要介绍了Iphone手机、安卓手机浏览器控制默认缩放大小的方法,通过meta标签中添加属性代码展示控制浏览器的默认缩放,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。 window对象:BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过javascript访问浏览器窗口的...
04 meta标签以及一些基本标签 05 img标签和列表标签 06 form表单之input标签 07 通过form向server端发送数据 08 form表单之select标签 09 table标签 第38章 01 css的四种引入方式 02 css的四种基本选择器 03 css的...
通过分析指定数量关键词竞争对手的相关数据(PR/百度首页更新/独立网站数等),从而总结出该关键词在百度搜索引擎上的优化难易程度。 *关键词排名查询-超强功能!* 支持目前主流的七大搜索引擎(百度、谷歌...
文件系统是操作系统中管理持久性数据的子系统,提供数据存储和访问功能。对于服务器开发人员,比较关注的是unix(linux)环境下的文件系统,比如分区与磁盘关系,磁盘的剩余空间,文件的类型与权限控制,文件链接等...
在web开发的时候我们经常会遇到网页抓取和分析,各种语言都可以完成这个功能。...总结:第二个方法很准确,在网页编码分析的时候用python模块分析内容是最准确的,而使用分析meta头信息的方法是不太准
不过,在WTL,你可以得到播放meta文件和OpenGL支持. 最有价值的我猜应该是打印机DC的那些继承类 - WTL有打印机支持,甚至打印预览. 当然也有GDI对象的封装. 诸如画笔,画刷,区域等. WTL对所有的Win32 (和W2K) 通用对话框...