이번에는 메타태그의 역할과 메타태그 사용 시 주의사항에 대해 알려드리겠습니다.
개인 웹사이트가 아무리 훌륭하더라도 사람들이 "바다처럼 넓은" 사이버 공간에서 발견하는 것은 여전히 어렵습니다. 개인 웹사이트를 홍보하는 방법, 사람들이 가장 먼저 생각하는 방법은 다음과 같습니다.
● 검색 엔진에서 개인 웹사이트에 로그인
● 잘 알려진 웹사이트에 개인 웹사이트 링크 추가
● 개인 웹사이트를 홍보하기 위해 포럼에 게시물 게시
많은 사람들이 강력한 기능을 무시합니다. HTML 태그META의 효과, 좋은 META 태그 디자인은 귀하의 개인 웹사이트가 검색될 가능성을 크게 높일 수 있습니다. META 태그에 대해 다시 알아볼까요?
META 태그는 HTML 언어의 HEAD 영역에 있는 보조 태그로, HTML 문서의 헤드에 있는 태그와 제목 << 태그 사이에 위치합니다. 사용자. 메타 태그는 일반적으로 검색 엔진 로봇의 페이지 테마를 정의하거나 사용자 브라우저에서 쿠키를 정의하는 데 사용되며, 작성자를 식별하고, 페이지 형식을 설정하고, 콘텐츠 요약 및 키워드를 표시하는 데에도 사용할 수 있습니다. 페이지를 기반으로 할 수 있습니다. 새로 고침 간격을 정의하고 RASC 콘텐츠 수준 등을 설정합니다.
자세한 소개
다음은 태그에 대한 몇 가지 예와 설명입니다.
META 태그는 HTTP 헤더 정보(HTTP-EQUIV)와 페이지 설명 정보(NAME)의 두 부분으로 나뉩니다.
★HTTP-EQUIV
HTTP-EQUIV는 HTTP의 헤더 프로토콜과 유사하며 웹 페이지 콘텐츠를 정확하고 정확하게 표시하는 데 도움이 되는 몇 가지 유용한 정보로 브라우저에 응답합니다. 일반적으로 사용되는 HTTP-EQUIV 유형은 다음과 같습니다.
1, 글로벌 온라인 스쿨에서 전송된 Content-Type 및 Content-Language(표시 문자 집합 설정) 글로벌 온라인 스쿨에서 전송된 edu24ol.com 글로벌 온라인 스쿨에서 전송된 edu24ol.com 글로벌 온라인 스쿨 edu24ol.com에서 전송
지침: 설정 지정된 페이지에서 사용하는 문자 집합은 홈페이지 제작에 사용되는 텍스트와 언어를 설명하는 데 사용됩니다. 브라우저는 이를 기반으로 페이지 콘텐츠를 표시하기 위해 해당 문자 집합을 호출합니다.
사용법:
<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"> <Meta http-equiv="Content-Language" Content="zh-CN">
참고: 이 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에서 전송 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. Set-Cookie(쿠키 설정)
지침: 브라우저가 페이지에 액세스하면 캐시에 저장되며, 속도 향상을 위해 다음에 방문할 때 캐시에서 읽을 수 있습니다. 방문자가 매번 광고 아이콘을 새로 고치거나 카운터를 새로 고치도록 하려면 캐싱을 비활성화하세요. 일반적으로 HTML 파일에 대한 캐싱을 비활성화할 필요가 없습니다. ASP와 같은 페이지의 경우 표시되는 모든 페이지가 서버에서 동적으로 생성되고 캐싱이 의미가 없기 때문에 캐싱을 비활성화할 수 있습니다. 웹페이지가 만료되면 저장된 쿠키가 삭제됩니다.
사용법:
<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/">
참고: GMT 시간 형식을 사용해야 합니다.
6. Window-target (표시 창 설정)
설명: 현재 창에 페이지가 독립적인 페이지로 표시되도록 합니다.
用法:
注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent.
7、Pics-label (网页RSAC等级评定)
说明:在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过该参数来设置的。
用法::
<META http-equiv="Pics-label" Contect="(PICS-1.1'http://www.rsac.org/ratingsv01.html'I gen comment 'RSACi North America Sever' by 'inet@microsoft.com'for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' 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的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:
<Meta name="Kyewords" Content="vacation,greece,sunshine"> <Meta name="Kyewords" Content="vacances,grè:ce,soleil">
2、Description (简介)
说明:Description用来告诉搜索引擎你的网站主要内容。
用法:
注意:
3、Robots (机器人向导)转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com
说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
用法:
注意:许多搜索引擎都通过放出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
用法:
<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">
6、Generator (编辑器)
说明:编辑器的说明
用法:
<Meta name="Generator" Content="PCDATA|FrontPage|">
注意:Content="你所用编辑器"
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
怎样解决textarea标签大小不可变不能通过鼠标拖动的方式来拖动的问题
怎样实现meta标签中的viewport来控制设备屏幕的css属性
위 내용은 메타 태그의 기능은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!