Heim > Web-Frontend > HTML-Tutorial > Welche Funktionen haben Meta-Tags?

Welche Funktionen haben Meta-Tags?

php中世界最好的语言
Freigeben: 2018-02-03 10:05:01
Original
2870 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, welche Rolle Meta-Tags spielen und welche Vorsichtsmaßnahmen bei der Verwendung von Meta-Tags zu beachten sind. Hier ist ein praktischer Fall, werfen wir einen Blick darauf.

Egal wie wunderbar Ihre persönliche Website ist, sie ist so schwer zu entdecken wie ein kleines Boot im „riesigen Meer“ des Cyberspace. Das Erste, woran die Leute denken, ist Folgendes : Geben Sie Folgendes ein:

● Melden Sie sich bei Ihrer persönlichen Website in der Suchmaschine an

● Fügen Sie einen Link zu Ihrer persönlichen Website auf einer bekannten Website hinzu

● Veröffentlichen Sie einen Beitrag im Forum, um Ihre Profil-Website zu bewerben

Viele Menschen haben die starke Wirkung von HTML-TagsMETA ignoriert. Ein gutes META-Tag-Design kann die Wahrscheinlichkeit, dass Ihre persönliche Website durchsucht wird, erheblich erhöhen Sind Sie interessiert? Wer? Lassen Sie mich das META-Tag noch einmal verstehen! Das

META-Tag ist ein Hilfstag im HEAD-Bereich der HTML-Sprache. Es befindet sich zwischen dem HTML-Dokument--Header-Tag und stellt es bereit Für den Benutzer unsichtbare Informationen. Das Meta-Tag wird normalerweise verwendet, um das Seitenthema für Suchmaschinen-Robots zu definieren oder um Cookies im Browser des Benutzers zu definieren. Es kann auch zur Identifizierung des Autors, zum Festlegen des Seitenformats, zum Markieren der Inhaltszusammenfassung und zum Festlegen von Schlüsselwörtern verwendet werden Sie können die Seite so anpassen, dass sie darauf basieren kann. Sie definieren Intervalle, in denen Sie sich selbst aktualisieren, und legen RASC-Inhaltsebenen usw. fest.

Ausführliche Einführung

Hier finden Sie einige Beispiele und Erklärungen zu Tags.

Das META-Tag ist in zwei Teile unterteilt: HTTP-Header-Informationen (HTTP-EQUIV) und Seitenbeschreibungsinformationen (NAME).

★HTTP-EQUIV

HTTP-EQUIV ähnelt dem Header-Protokoll von HTTP. Es antwortet dem Browser mit einigen nützlichen Informationen, um den Inhalt von Webseiten korrekt und genau anzuzeigen. Häufig verwendete HTTP-EQUIV-Typen sind:

1, Content-Type und Content-Language (Anzeigezeichensatzeinstellungen), übertragen von Global Online School edu24ol.com, übertragen von Global Online School edu24ol.com, übertragen von Global Online School edu24ol.com

Beschreibung: Legen Sie den Zeichensatz fest, den die Seite verwendet, um den Text und die Sprache zu beschreiben, die zum Erstellen der Homepage verwendet werden. Der Browser ruft den entsprechenden Zeichensatz auf, um den Seiteninhalt darauf basierend anzuzeigen.

Verwendung:

<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
<Meta http-equiv="Content-Language" Content="zh-CN">
Nach dem Login kopieren

Hinweis: Dieses META-Tag definiert den in HTML-Seiten verwendeten Zeichensatz als GB2132, den nationalen Standardcode für chinesische Zeichen. Wenn „charset=GB2312“ durch „BIG5“ ersetzt wird, ist der auf dieser Seite verwendete Zeichensatz der traditionelle chinesische Big5-Code. Wenn Sie ausländische Websites durchsuchen, werden Sie vom IE-Browser darauf hingewiesen, dass Sie die Sprachunterstützung für xx herunterladen müssen, um die Seite korrekt anzuzeigen. Mit dieser Funktion erfahren Sie, welcher Zeichensatz zum Anzeigen der Seite verwendet werden muss, indem das Content-Type-Attribut des META-Tags der HTML-Seite gelesen wird. Wenn der entsprechende Zeichensatz nicht im System installiert ist, fordert der IE zum Herunterladen auf. Auch andere Sprachen entsprechen unterschiedlichen Zeichensätzen. Beispielsweise ist der japanische Zeichensatz „iso-2022-jp“ und der koreanische Zeichensatz „ks_c_5601“.

Inhaltstyp kann auch sein: Text/XML und andere Dokumenttypen;

Zeichensatzoptionen: ISO-8859-1 (Englisch), 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 und andere Zeichensätze; der Inhalt von Content-Language kann auch sein: EN, FR und andere Sprachcodes.

2. Aktualisieren (Aktualisieren) Von Global Online School edu24ol.com übertragen Von Global Online School edu24ol.com übertragen

Beschreibung: Wie lange (Sekunden) bis Lassen Sie die Webseite sich selbst aktualisieren oder legen Sie fest, wie lange es dauert, bis Webseiten automatisch mit anderen Webseiten verlinkt werden.

Verwendung:

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

Hinweis: Die 5 bedeutet, dass die URL nach 5 Sekunden automatisch aktualisiert wird.

3. Läuft ab (Zeitraum) Von Global Online School edu24ol.com übertragen Von Global Online School edu24ol.com übertragen Von Global Online School edu24ol.com übertragen

Beschreibung: Geben Sie die Ablaufzeit des an Webseite im Cache Sobald die Webseite abläuft, muss sie erneut auf dem Server gelesen werden.

Verwendung:

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

Hinweis: Das Zeitformat von GMT muss verwendet werden oder direkt auf 0 gesetzt werden (die Zahl gibt an, wie viel Zeit abläuft).

4. Pragma (Cache-Modus)

Beschreibung: Verhindert, dass der Browser auf Seiteninhalte aus dem Cache des lokalen Computers zugreift.

Verwendung:

Hinweis: Webseiten werden nicht im Cache gespeichert und die Seite wird bei jedem Besuch aktualisiert. Mit dieser Einstellung können Besucher nicht offline surfen.

5. Set-Cookie (Cookie-Einstellung)

Beschreibung: Wenn der Browser eine bestimmte Seite besucht, wird diese im Cache gespeichert und kann beim nächsten Mal aus dem Cache gelesen werden es wird erneut besucht, um die Geschwindigkeit zu erhöhen. Deaktivieren Sie das Caching, wenn Sie möchten, dass Besucher das Symbol Ihrer Anzeige jedes Mal aktualisieren oder Ihren Zähler jedes Mal aktualisieren. Normalerweise besteht keine Notwendigkeit, das Caching für HTML-Dateien zu deaktivieren. Für Seiten wie ASP können Sie das Caching deaktivieren, da jede Seite, die Sie sehen, dynamisch auf dem Server generiert wird und das Caching bedeutungslos ist. Wenn die Webseite abläuft, werden die gespeicherten Cookies gelöscht.

Verwendung:

<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
21-Oct-98 16:14:21 GMT; path=/">
Nach dem Login kopieren

Hinweis: Es muss das GMT-Zeitformat verwendet werden.

6. Fensterziel (Anzeigefenstereinstellung)

Beschreibung: Erzwingen Sie, dass die Seite als unabhängige Seite im aktuellen Fenster angezeigt wird.

用法:

注意:这个属性是用来防止别人在框架里调用你的页面。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))">
Nach dem Login kopieren

注意:不要将级别设置的太高。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)">
Nach dem Login kopieren

二、

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">
Nach dem Login kopieren

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">
Nach dem Login kopieren

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

5、Copyright (版权)

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

用法:

<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">
Nach dem Login kopieren

6、Generator (编辑器)

说明:编辑器的说明

用法:

<Meta name="Generator" Content="PCDATA|FrontPage|">
Nach dem Login kopieren

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

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

怎样解决textarea标签大小不可变不能通过鼠标拖动的方式来拖动的问题

在HTML中select标签怎样实现单选和多选

a标签的href属性与onclick事件应该如何使用

怎样实现meta标签中的viewport来控制设备屏幕的css属性

Das obige ist der detaillierte Inhalt vonWelche Funktionen haben Meta-Tags?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage