<!--
google_ad_client = "pub-4615277071069293";
/* 728x15, 创建于 08-6-6 */
google_ad_slot = "7146726956";
google_ad_width = 728;
google_ad_height = 15;
//-->
你经常开发网页吗,你的网页开发工具是什么呀,你注意到你的开发工具给你自动添加的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信息,希望对你有所帮助:
<!--
google_ad_client = "pub-4615277071069293";
/* 728x15, 创建于 08-7-5 */
google_ad_slot = "2711166215";
google_ad_width = 728;
google_ad_height = 15;
//-->
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字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-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="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过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=20,transtion=6)">设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。
请你注意meta一个作用“网页的自动刷新”,使用方法就是:
<meta http-equiv="Refresh" contect="n;url=http://yourlink">,把这样的一个东西放在你的head中,网页就能实现了固定时间刷新了。如果你的网站是股票或是体育赛事的,要实时的关注走势,这样的代码可以让浏览者减少工作量。
在你的网页中加入这个标签不是那么费事,尤其在主页中加入。网络是一个开发环境,让更多的人知道你,也是网站的目的,为了这个为什么还要“加不加无所谓”呢?加了吧,效果非常的好。
声明:本文中的一些内容,摘录于网上,感谢作者的奉献。如果本文有理解错误的地方,请你指出来,不胜感激。
<!--
google_ad_client = "pub-4615277071069293";
/* 728x90, 创建于 08-6-3 */
google_ad_slot = "8286133791";
google_ad_width = 728;
google_ad_height = 90;
//-->
<!--
google_ad_client = "pub-4615277071069293";
/* 728x90, 创建于 08-6-24 */
google_ad_slot = "5264360742";
google_ad_width = 728;
google_ad_height = 90;
//-->
分享到:
相关推荐
《深入解析Dreamweaver教程中的Meta标签应用》 在当今互联网时代,个人网站与企业站点如同星罗棋布,...无论是初学者还是经验丰富的开发者,都应该重视Meta标签的学习和实践,将其作为提升网站质量和效能的重要工具。
### HTML标签详解 #### 1. 基础标签与属性概述 ...每个标签都有特定的功能,并可以携带一个或多个属性。 - **基本文档结构**: ...- **`<meta>`标签**:用于定义元...理解并熟练使用这些基本标签是学习HTML的关键第一步。
HTML(HyperText Markup Language)是构建网页的基础语言,它通过一系列的标签来组织网页内容,使其具有结构和...学习HTML不仅可以帮助理解网页的构建原理,也是进一步学习CSS、JavaScript以及前后端开发技术的基石。
在这份“css\html语法详解”中,我们将深入探讨这两个关键领域的基本概念、语法以及常见用法。 HTML是一种标记语言,用于描述网页内容的结构和意义。它的主要任务是组织网页上的文本、图像、链接等元素。以下是一些...
使用这款软件,用户不仅可以学习HTML标签,还能进行实时的查询和实践操作,是提高技能的得力工具。不过,需要注意的是,软件提示需安装Flash播放器,这意味着部分功能可能依赖于Adobe Flash技术,而Flash在现代...
通过学习HTML与CSS,我们可以创建结构化且美观的网页。 - **WWW (World Wide Web)**: 万维网,是由超链接互相连接而成的信息系统。 - **W3C (World Wide Web Consortium)**: 万维网联盟,负责制定和维护Web标准,...
### HTML语法详解 ... ... ... - **`<head>`**:包含关于文档的信息但不在浏览器中显示的内容,如标题、样式表链接等。...- **`<title>`**:定义文档...因此,在学习HTML时,应重点关注那些符合现代标准和最佳实践的标签和技术。
**CSS与HTML详解** 在网页设计领域,HTML(HyperText Markup Language)和CSS(Cascading Style Sheets)是两个至关重要的技术。它们共同构建了网页的结构和样式,为用户提供美观且功能丰富的浏览体验。 **一、...
2. `<head>`:包含元数据,如字符集设置(`<meta charset="UTF-8">`)和页面标题(`<title>`)。 3. `<body>`:实际的网页内容所在之处。 4. `<h1> to <h6>`:标题标签,分别代表一级到六级的标题。 5. `<p>`:段落...
这个“课程HTML标签详解大全.pdf”提供了关于HTML标签的全面介绍,帮助学习者掌握HTML的基本语法和常见标签的用法。 首先,HTML文档的基本结构由`<html>`、`<head>`和`<body>`标签构成。`<html>`是整个文档的根元素...
学习HTML的同时,你还需要理解HTML5的新特性,如语义化标签如、、、、和,它们增强了网页的结构化表达。另外,HTML5引入了新的表单控件,如日期选择器、颜色选择器等,以及离线存储、音频/视频播放功能等。 CSS...
在学习HTML标签时,参考手册如HTML4.0是非常重要的资源。它详尽地介绍了每个标签的用法、属性及注意事项。通过实践和查阅资料,开发者可以熟练掌握HTML,从而创建出功能丰富、用户体验优秀的网站。 总结,HTML标签...
### VML教程详解:VML语言入门 #### 一、VML语言入门—极道学法 VML(Vector Markup Language)是一种矢量图形标记语言,用于在Web页面上创建和操作矢量图形。它与HTML相似,但更专注于矢量图形的处理。在开始学习...
HTML(HyperText Markup Language)是...学习HTML网页制作不仅仅是学习语法,更重要的是理解Web标准、用户体验和无障碍性原则。通过实践案例,你可以深化理解并提升技能,从而创建出功能完善、美观且易于使用的网页。
HTML,全称HyperText Markup Language,是用于创建网页的标准标记语言。HTML代码是构建网页的基础,它告诉浏览器如何展示网页内容。以下是对标题、描述和部分内容的...不过,理解这些基础是学习现代前端开发的前提。
### HTML详解 #### 一、HTML简介 - **定义**:HTML(HyperText Markup Language,超文本标记语言)是一种用于创建网页的标准标记语言。通过HTML,开发者可以构建和设计网页结构,实现信息展示和交互功能。 #### 二...
学习HTML的基础知识,特别是标签、特殊字符、语法和文档结构,是构建网页的第一步。随着对HTML的深入理解,你可以创建更复杂、功能丰富的网页。通过结合CSS和JavaScript,可以进一步增强网页的外观和交互性。对于...
### HTML基础知识详解 ... ...它通过一系列的元素来构建和布局网页内容。这些元素由标签(tag)表示,标签通常成对出现,例如 `<tagname>` 和 `</tagname>`。 ...1. **网页架构标签**:用于...希望本文对你学习HTML有所帮助。