>  기사  >  웹 프론트엔드  >  HTML에서 메타 태그의 역할에 대한 자세한 설명

HTML에서 메타 태그의 역할에 대한 자세한 설명

黄舟
黄舟원래의
2017-06-29 13:27:091347검색

많은 사람들이 HTML 태그META의 강력한 효과를 무시했습니다. 좋은 META 태그 디자인은 귀하의 개인 웹사이트가 검색될 가능성을 크게 높일 수 있습니다. 관심이 있으신가요? META 태그에 대해 다시 한 번 알아보세요. 개인 웹사이트는 마치 사이버 공간의 "광활한 바다"에 떠 있는 작은 배와 같아서 쉽게 발견되지 않습니다. 개인 웹사이트를 홍보하는 방법, 사람들이 가장 먼저 생각하는 방법은 다음과 같습니다.

● 검색 엔진에서 개인 웹 사이트에 로그인

● 잘 알려진 웹 사이트에 개인 웹 사이트 링크 추가

● 포럼에 게시물을 게시하여 개인 웹 사이트 홍보

많은 사람들이 강력한 효과를 무시합니다. HTML 태그 META. 좋은 META 태그 디자인은 귀하의 개인 웹사이트 검색 가능성을 크게 향상시킬 수 있습니다. 관심이 있으십니까?

META 태그는 HTML 언어의 HEAD 영역에 있는 보조 태그로,

HTML 문서

의 헤드에 있는 태그와 제목 796a2b4c675d13a401f45b5f54b00cc6

b7c343f652d8930981bbe00084403ff5

참고: META 태그는 HTML 페이지에 사용되는 문자 집합을 국가 표준 중국어 문자 코드인 GB2132로 정의합니다. "charset=GB2312"를 "BIG5"로 바꾸면 이 페이지에 사용되는 문자 세트는 중국어 번체 Big5 코드입니다. 일부 외국 사이트를 탐색할 때

IE browser

에서는 페이지를 올바르게 표시하려면 xx 언어 지원을 다운로드해야 한다는 메시지를 표시합니다. 이 함수는 HTML 페이지 META 태그의 Content-Type 속성을 읽어 페이지를 표시하는 데 어떤 문자 집합을 사용해야 하는지를 아는 것입니다. 해당 문자 집합이 시스템에 설치되어 있지 않으면 IE는 다운로드하라는 메시지를 표시합니다. 다른 언어도 다른 문자 집합에 해당합니다. 예를 들어 일본어 문자 집합은 "iso-2022-jp"이고 한국어 문자 집합은 "ks_c_5601"입니다. Content-Type 콘텐츠는 text/xml 및 기타 문서 유형일 수도 있습니다.

Charset 옵션: ISO-8859-1(English), BIG5, UTF-8, SHIFT-Jis, Euc, Koi8-2, us- ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp, euc-kr, iso-2022-kr, gb2312, gb_2312- 80, x-euc-tw, x-cns11643-1, x-cns11643-2 및 기타 문자 세트는 EN, FR 및 기타 언어 코드일 수도 있습니다.

2. 새로 고침(Refresh) 글로벌 온라인 스쿨 edu24ol.com에서 이전 글로벌 온라인 스쿨 edu24ol.com 글로벌 온라인 스쿨 edu24ol.com에서 이전 edu24ol.com

설명: 웹 페이지를 새로 고치는 데 걸리는 시간(초) 또는 웹페이지가 자동으로 새로 고쳐지는 데 시간이 얼마나 걸리나요?

사용법:

<Meta http-equiv="Refresh" Content="30">
<Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net">

참고: 5는 5초 동안 머물렀다가 자동으로 URL을 새로 고치는 것을 의미합니다.

3. 만료(기간) 글로벌 온라인 스쿨 edu24ol.com에서 편입 글로벌 온라인 스쿨 edu24ol.com에서 편입

설명: 웹페이지의 만료 시간을 캐시에 지정합니다. 웹페이지가 만료되면 서버에서 검색해야 합니다.

사용법:

<Meta http-equiv="Expires" Content="0">
<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">

참고: GMT의 시간 형식을 사용하거나 직접 0으로 설정해야 합니다(숫자는 만료 기간을 나타냅니다).

4. Pragma(캐시 모드)

설명: 브라우저가 로컬 시스템 캐시의 페이지 콘텐츠에 액세스하는 것을 금지합니다.

사용법:

참고: 웹 페이지는 캐시에 저장되지 않으며 방문할 때마다 페이지가 새로 고쳐집니다. 이 설정을 사용하면 방문자는 오프라인으로 탐색할 수 없습니다.

5. 세트-쿠키(쿠키설정)

说明:浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。如果网页过期,那么存盘的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="(PICS-1.1&#39;http://www.rsac.org/ratingsv01.html&#39;I gen comment &#39;RSACi North America Sever&#39; by &#39;inet@microsoft.com&#39;for &#39;http://www.microsoft.com&#39; on &#39;1997.06.30T14:21-0500&#39; r(n0 s0 v0 l0))">

注意:不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer(IE3.0以上)来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的(n 0 s 0 v 0 l 0)表示该站点不包含不健康内容。级别的评定是由RSAC,即美国娱乐委员会的评级机构评定的,如果你想进一步了解RSAC评估系统的等级内容,或者你需要评价自己的网站,可以访问RSAC的站点:http://www.rsac.org/.

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)">

二、

name的content指定实际内容。如:如果指定level(等级)为value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。

1、Keywords (关键字)

说明:为搜索引擎提供的关键字列表转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com

用法:

<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">

注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:

<Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
<Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">

2、Description (简介)

说明:Description用来告诉搜索引擎你的网站主要内容。

用法:

<Meta name="Description" Content="你网页的简述">

注意:

3、Robots (机器人向导)转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com

说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。

用法:

<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">

注意:许多搜索引擎都通过放出robot/spider搜索来登录网站,这些robot/spider就要用到meta元素的一些特性来决定怎样登录。

all:文件将被检索,且页面上的链接可以被查询;

none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)

index:文件将被检索;(让robot/spider登录)

follow:页面上的链接可以被查询;转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com

noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)

nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

4、Author (作者)

说明:标注网页的作者或制作组

用法:

<Meta name="Author" Content="张三,abc@sina.com">

注意:Content可以是:你或你的制作组的名字,或Email

5、Copyright (版权)

说明:标注版权转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com

用法:235a5e56b8161751d81d8cae1ebac570

注意:

6、Generator (编辑器)

说明:编辑器的说明

用法:

<Meta name="Generator" Content="PCDATA|FrontPage|">

注意:Content="你所用编辑器"

7、revisit-after (重访)

说明:

用法:

<META name="revisit-after" CONTENT="7 days" >

注意:

★Head中的其它一些用法

1、scheme (方案)

说明:

scheme can be used when name is used to specify how the value of content shouldbe interpreted.

用法:

<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />

注意:

2、Link (链接)

说明:链接到文件

用法:

<Link href="soim.ico" rel="Shortcut Icon">

注意:很多网站如果你把她保存在收件夹中后,会发现它连带着一个小图标,如果再次点击进入之后还会发现地址栏中也有个小图标。现在只要在你的页头加上这段话,就能轻松实现这一功能。3e76e57fc5dd9b761bdd2082385f4936 用来将目前文件与其它 URL 作连结,但不会有连结按钮,用於 ef1cac8df639bc9110cb13b8b5ab3dd7 标记间, 格式如下:

<link href="URL" rel="relationship">
<link href="URL" rev="relationship">

3、Base (基链接)

说明:插入网页基链接属性转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com

用法:

<Base href="http://www.xia8.net/" target="_blank">

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

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

由此看来,我们必须记住添加Keywords和Description的META标签,并尽可能写好关键字和简介。否则,
后果就会是:

● 如果你的页面中根本没有Keywords和Description的META标签,那么机器人是无法将你的站点加入数
据库,网友也就不可能搜索到你的站点。

● 如果你的关键字选的不好,关键字的密度不高,被排列在几十甚至几百万个站点的后面被点击的可
能性也是非常小的。

写好Keywords(关键字)要注意以下几点: 转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com

● 不要用常见词汇。例如www、homepage、net、web等。

● 不要用形容词,副词。例如最好的,最大的等。

● 不要用笼统的词汇,要尽量精确。例如“爱立信手机”,改用“T28SC”会更好。

“三人之行,必有我师”,寻找合适关键词的技巧是:到Google、Lycos、Alta等著名搜索引擎,搜索与
你的网站内容相仿的网站,查看排名前十位的网站的META关键字,将它们用在你的网站上,效果可想而知了。

★小窍门

为了提高搜索点击率,这里还有一些“捷径”可以帮得到你:

● 为了增加关键词的密度,将关键字隐藏在页面里(将文字颜色定义成与背景颜色一样)。

위 내용은 HTML에서 메타 태그의 역할에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.