`
gyabooks
  • 浏览: 23672 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

学习HTML,Meta的详解

阅读更多
<!-- 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字符集,还有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中,网页就能实现了固定时间刷新了。如果你的网站是股票或是体育赛事的,要实时的关注走势,这样的代码可以让浏览者减少工作量。
在你的网页中加入这个标签不是那么费事,尤其在主页中加入。网络是一个开发环境,让更多的人知道你,也是网站的目的,为了这个为什么还要“加不加无所谓”呢?加了吧,效果非常的好。
声明:本文中的一些内容,摘录于网上,感谢作者的奉献。如果本文有理解错误的地方,请你指出来,不胜感激。
<!-- 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标签详解.doc

    《深入解析Dreamweaver教程中的Meta标签应用》 在当今互联网时代,个人网站与企业站点如同星罗棋布,...无论是初学者还是经验丰富的开发者,都应该重视Meta标签的学习和实践,将其作为提升网站质量和效能的重要工具。

    html标签详解 初学html

    ### HTML标签详解 #### 1. 基础标签与属性概述 ...每个标签都有特定的功能,并可以携带一个或多个属性。 - **基本文档结构**: ...- **`&lt;meta&gt;`标签**:用于定义元...理解并熟练使用这些基本标签是学习HTML的关键第一步。

    [Java.Web培训视频]_001.HTML常见标签深入详解

    HTML(HyperText Markup Language)是构建网页的基础语言,它通过一系列的标签来组织网页内容,使其具有结构和...学习HTML不仅可以帮助理解网页的构建原理,也是进一步学习CSS、JavaScript以及前后端开发技术的基石。

    css\html语法详解

    在这份“css\html语法详解”中,我们将深入探讨这两个关键领域的基本概念、语法以及常见用法。 HTML是一种标记语言,用于描述网页内容的结构和意义。它的主要任务是组织网页上的文本、图像、链接等元素。以下是一些...

    Dw Html 标签详解和查询软件

    使用这款软件,用户不仅可以学习HTML标签,还能进行实时的查询和实践操作,是提高技能的得力工具。不过,需要注意的是,软件提示需安装Flash播放器,这意味着部分功能可能依赖于Adobe Flash技术,而Flash在现代...

    html和css学习笔记

    通过学习HTML与CSS,我们可以创建结构化且美观的网页。 - **WWW (World Wide Web)**: 万维网,是由超链接互相连接而成的信息系统。 - **W3C (World Wide Web Consortium)**: 万维网联盟,负责制定和维护Web标准,...

    HTML语法详解.txt

    ### HTML语法详解 ... ... ... - **`&lt;head&gt;`**:包含关于文档的信息但不在浏览器中显示的内容,如标题、样式表链接等。...- **`&lt;title&gt;`**:定义文档...因此,在学习HTML时,应重点关注那些符合现代标准和最佳实践的标签和技术。

    CSS+HTML详解

    **CSS与HTML详解** 在网页设计领域,HTML(HyperText Markup Language)和CSS(Cascading Style Sheets)是两个至关重要的技术。它们共同构建了网页的结构和样式,为用户提供美观且功能丰富的浏览体验。 **一、...

    HTML and CSS 详解

    2. `&lt;head&gt;`:包含元数据,如字符集设置(`&lt;meta charset="UTF-8"&gt;`)和页面标题(`&lt;title&gt;`)。 3. `&lt;body&gt;`:实际的网页内容所在之处。 4. `&lt;h1&gt; to &lt;h6&gt;`:标题标签,分别代表一级到六级的标题。 5. `&lt;p&gt;`:段落...

    课程HTML标签详解大全.pdf

    这个“课程HTML标签详解大全.pdf”提供了关于HTML标签的全面介绍,帮助学习者掌握HTML的基本语法和常见标签的用法。 首先,HTML文档的基本结构由`&lt;html&gt;`、`&lt;head&gt;`和`&lt;body&gt;`标签构成。`&lt;html&gt;`是整个文档的根元素...

    html详解,让你从新手变高手

    学习HTML的同时,你还需要理解HTML5的新特性,如语义化标签如、、、、和,它们增强了网页的结构化表达。另外,HTML5引入了新的表单控件,如日期选择器、颜色选择器等,以及离线存储、音频/视频播放功能等。 CSS...

    html标签大全标签用法详解

    在学习HTML标签时,参考手册如HTML4.0是非常重要的资源。它详尽地介绍了每个标签的用法、属性及注意事项。通过实践和查阅资料,开发者可以熟练掌握HTML,从而创建出功能丰富、用户体验优秀的网站。 总结,HTML标签...

    VML教程详解VML语言入门

    ### VML教程详解:VML语言入门 #### 一、VML语言入门—极道学法 VML(Vector Markup Language)是一种矢量图形标记语言,用于在Web页面上创建和操作矢量图形。它与HTML相似,但更专注于矢量图形的处理。在开始学习...

    html网页制作详解案例.zip

    HTML(HyperText Markup Language)是...学习HTML网页制作不仅仅是学习语法,更重要的是理解Web标准、用户体验和无障碍性原则。通过实践案例,你可以深化理解并提升技能,从而创建出功能完善、美观且易于使用的网页。

    Html代码详解

    HTML,全称HyperText Markup Language,是用于创建网页的标准标记语言。HTML代码是构建网页的基础,它告诉浏览器如何展示网页内容。以下是对标题、描述和部分内容的...不过,理解这些基础是学习现代前端开发的前提。

    HTML学习ppt

    ### HTML详解 #### 一、HTML简介 - **定义**:HTML(HyperText Markup Language,超文本标记语言)是一种用于创建网页的标准标记语言。通过HTML,开发者可以构建和设计网页结构,实现信息展示和交互功能。 #### 二...

    HTML 知识详解Microsoft Word 文档 (2).doc

    学习HTML的基础知识,特别是标签、特殊字符、语法和文档结构,是构建网页的第一步。随着对HTML的深入理解,你可以创建更复杂、功能丰富的网页。通过结合CSS和JavaScript,可以进一步增强网页的外观和交互性。对于...

    学习 html

    ### HTML基础知识详解 ... ...它通过一系列的元素来构建和布局网页内容。这些元素由标签(tag)表示,标签通常成对出现,例如 `&lt;tagname&gt;` 和 `&lt;/tagname&gt;`。 ...1. **网页架构标签**:用于...希望本文对你学习HTML有所帮助。

Global site tag (gtag.js) - Google Analytics