웹 프론트엔드 HTML 튜토리얼 HTML에서 메타 태그의 역할에 대한 자세한 설명

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

Jun 29, 2017 pm 01:27 PM
html meta 효과

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

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

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

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

많은 사람들이 강력한 효과를 무시합니다. HTML 태그 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 태그는 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

用法:

注意:

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">
로그인 후 복사

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

<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으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

HTML의 테이블 테두리 HTML의 테이블 테두리 Sep 04, 2024 pm 04:49 PM

HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML의 중첩 테이블 HTML의 중첩 테이블 Sep 04, 2024 pm 04:49 PM

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 여백-왼쪽 HTML 여백-왼쪽 Sep 04, 2024 pm 04:48 PM

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML 테이블 레이아웃 HTML 테이블 레이아웃 Sep 04, 2024 pm 04:54 PM

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 정렬 목록 HTML 정렬 목록 Sep 04, 2024 pm 04:43 PM

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

HTML 입력 자리 표시자 HTML 입력 자리 표시자 Sep 04, 2024 pm 04:54 PM

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

HTML에서 텍스트 이동 HTML에서 텍스트 이동 Sep 04, 2024 pm 04:45 PM

HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.

PHP에서 HTML/XML을 어떻게 구문 분석하고 처리합니까? PHP에서 HTML/XML을 어떻게 구문 분석하고 처리합니까? Feb 07, 2025 am 11:57 AM

이 튜토리얼은 PHP를 사용하여 XML 문서를 효율적으로 처리하는 방법을 보여줍니다. XML (Extensible Markup Language)은 인간의 가독성과 기계 구문 분석을 위해 설계된 다목적 텍스트 기반 마크 업 언어입니다. 일반적으로 데이터 저장 AN에 사용됩니다

See all articles