Heim > Web-Frontend > HTML-Tutorial > Zusammenfassung von HTML-Meta, Einführung in die Verwendung von Metaattributen in HTML-Tags

Zusammenfassung von HTML-Meta, Einführung in die Verwendung von Metaattributen in HTML-Tags

WBOY
Freigeben: 2016-08-27 08:53:56
Original
1287 Leute haben es durchsucht

Zitat: http://www.haorooms.com/post/html_meta_ds

Vorwort

Meta ist ein Hilfs-Tag im Kopfbereich der HTML-Sprache. Vielleicht halten Sie diesen Code für entbehrlich. Wenn Sie Meta-Tags gut nutzen können, werden Sie tatsächlich unerwartete Effekte erzielen. Die Funktionen von Meta-Tags sind: Suchmaschinenoptimierung (SEO), Definition der auf der Seite verwendeten Sprache, automatische Aktualisierung und Verweis auf neue Seiten. und Erkennen der Dynamik während der Webseitenkonvertierung, Steuerung der Seitenpufferung, Webseitenbewertung und -bewertung, Steuerung des Fensters für die Webseitenanzeige usw.!

Meta-Zusammenfassung von HTML

Die Zusammensetzung des Meta-Tags: Das Meta-Tag verfügt über zwei Attribute, nämlich das http-equiv-Attribut und das Namensattribut. Diese unterschiedlichen Parameterwerte realisieren unterschiedliche Webseitenfunktionen.

1. Namensattribut

Das Namensattribut wird hauptsächlich zur Beschreibung von Webseiten verwendet, und der entsprechende Attributwert ist Inhalt. Der Inhalt wird hauptsächlich von Suchmaschinenrobotern verwendet, um Informationen zu finden und Informationen zu klassifizieren.

Das Syntaxformat des Namensattributs des Meta-Tags

lautet:

<code><span class="tag"><meta<span class="pln"> <span class="atn">name<span class="pun">=<span class="atv">"参数"<span class="atn">content<span class="pun">=<span class="atv">"具体的参数值"<span class="tag">><span class="pln">。 </span></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren

Das Namensattribut hat hauptsächlich die folgenden Parameter:

A. Schlüsselwörter

Beschreibung: Schlüsselwörter werden verwendet, um Suchmaschinen mitzuteilen, welche Schlüsselwörter Ihre Webseite enthält.

Beispiel:

<code><span class="tag"><meta<span class="pln"> <span class="atn">name<span class="pun">=<span class="atv">"keywords"<span class="atn">content<span class="pun">=<span class="atv">"meta总结,html meta,meta属性,meta跳转"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren

B. Beschreibung (Beschreibung des Website-Inhalts)

Beschreibung: Die Beschreibung wird verwendet, um Suchmaschinen den Hauptinhalt Ihrer Website mitzuteilen.

Beispiel:

<code><span class="tag"><meta<span class="pln"> <span class="atn">name<span class="pun">=<span class="atv">"description"<span class="atn">content<span class="pun">=<span class="atv">"haorooms博客,html的meta总结,meta是html语言head区的一个辅助性标签。"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren

C. Roboter (Roboterführer)

Beschreibung: Robots werden verwendet, um Suchrobotern mitzuteilen, welche Seiten indiziert werden müssen und welche nicht.

Zu den Parametern des Inhalts gehören all, none, index, noindex, follow und nofollow. Der Standardwert ist alle.

Beispiel:

<code><span class="tag"><meta<span class="pln"> <span class="atn">name<span class="pun">=<span class="atv">"robots"<span class="atn">content<span class="pun">=<span class="atv">"none"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren

Die spezifischen Parameter sind wie folgt:

Der Informationsparameter lautet: Die Datei wird abgerufen und die Links auf der Seite können abgefragt werden

Der Informationsparameter ist „none“: Die Datei wird nicht abgerufen und die Links auf der Seite können nicht abgefragt werden

Der Informationsparameter ist index: Die Datei wird abgerufen

Der Informationsparameter lautet: Links auf der Seite können abgefragt werden;

Der Informationsparameter ist noindex: Die Datei wird nicht abgerufen, aber die Links auf der Seite können abgefragt werden

Der Informationsparameter ist nofollow: Die Datei wird abgerufen, aber die Links auf der Seite können nicht abgefragt werden

D. Autor(Autor)

Anleitung: Markieren Sie den Autor der Webseite

Beispiel:

<code><span class="tag"><meta<span class="pln"> <span class="atn">name<span class="pun">=<span class="atv">"author"<span class="atn">content<span class="pun">=<span class="atv">"root,root@xxxx.com"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren

E.generator

<code><span class="tag"><meta<span class="pln"> <span class="atn">name<span class="pun">=<span class="atv">"generator"<span class="atn">content<span class="pun">=<span class="atv">"信息参数"<span class="tag">/></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren
Der Informationsparameter des Generators des Meta-Tags stellt die Software dar, die zur Erstellung der Website verwendet wurde.

F、URHEBERRECHT

<code><span class="tag"><META<span class="pln"> <span class="atn">NAME<span class="pun">=<span class="atv">"COPYRIGHT"<span class="atn">CONTENT<span class="pun">=<span class="atv">"信息参数"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren
Der COPYRIGHT-Informationsparameter des Meta-Tags stellt die Copyright-Informationen der Website dar.

G.revisit-after

<code><span class="tag"><META<span class="pln"> <span class="atn">name<span class="pun">=<span class="atv">"revisit-after"<span class="atn">CONTENT<span class="pun">=<span class="atv">"7days"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren
revisit-after steht für einen erneuten Besuch der Website, 7days steht für 7 Tage und so weiter.

2. http-equiv-Attribut

http-equiv entspricht, wie der Name schon sagt, der Datei-Header-Funktion von http. Es kann einige nützliche Informationen an den Browser zurückgeben, um den Inhalt einer Webseite korrekt und genau anzuzeigen Inhalt im Inhalt Der Inhalt ist eigentlich der variable Wert jedes Parameters.

Das http-äquiv-Attributsyntaxformat des

Meta-Tags lautet:

<code><span class="tag"><meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"参数"<span class="atn">content<span class="pun">=<span class="atv">"参数变量值"<span class="tag">><span class="pln">; </span></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren
Das http-equiv-Attribut hat hauptsächlich die folgenden Parameter:

A. Läuft ab

Beschreibung: Kann verwendet werden, um die Ablaufzeit der Webseite festzulegen. Sobald eine Webseite abläuft, muss sie erneut an den Server übertragen werden.

Verwendung:

<code><span class="tag"><meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"expires"<span class="atn">content<span class="pun">=<span class="atv">"Fri,12Jan200118:18:18GMT"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren
Hinweis: Es muss das GMT-Zeitformat verwendet werden.

B. Pragma (Cache-Modus)

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

Verwendung:

<code><span class="tag"><meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"Pragma"<span class="atn">content<span class="pun">=<span class="atv">"no-cache"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren
Hinweis: Mit dieser Einstellung können Besucher nicht offline surfen.

C. Aktualisieren

Beschreibung: Automatisch aktualisieren und auf eine neue Seite verweisen.

Verwendung:

<code><span class="tag"><meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"Refresh"<span class="atn">content<span class="pun">=<span class="atv">"2;URL=http://www.haorooms.com"<span class="tag">><span class="pln"> //(注意后面的引号,分别在秒数的前面和网址的后面) </span></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren
Hinweis: Die 2 bezieht sich auf die automatische Aktualisierung der URL nach einer Aufenthaltsdauer von 2 Sekunden.

D. Set-Cookie (Cookie-Einstellung)

Hinweis: Wenn die Webseite abläuft, werden die gespeicherten Cookies gelöscht.

Verwendung:

<code><span class="tag"><meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"Set-Cookie"<span class="atn">content<span class="pun">=<span class="atv">"cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren
Hinweis: Es muss das GMT-Zeitformat verwendet werden.

E. Fensterziel (Anzeigefenstereinstellung)

Beschreibung: Erzwingen Sie die Anzeige der Seite als unabhängige Seite im aktuellen Fenster.

Verwendung:

<code><span class="tag"><meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"Window-target"<span class="atn">content<span class="pun">=<span class="atv">"_top"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren
Hinweis: Wird verwendet, um zu verhindern, dass andere Ihre eigene Seite im Frame aufrufen.

F, Content-Type (Einstellung des Anzeigezeichensatzes)

Beschreibung: Legen Sie den von der Seite verwendeten Zeichensatz fest.

Verwendung:

<code><span class="tag"><meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"content-Type"<span class="atn">content<span class="pun">=<span class="atv">"text/html;charset=gb2312"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren

Die Details lauten wie folgt:

Wenn der Zeichensatzinformationsparameter des Meta-Tags beispielsweise GB2312 lautet, bedeutet dies, dass die von der Website verwendete Codierung vereinfachtes Chinesisch ist

Wenn der Zeichensatzinformationsparameter des Meta-Tags beispielsweise BIG5 lautet, bedeutet dies, dass die von der Website verwendete Codierung traditionelles Chinesisch ist

Wenn der Zeichensatzinformationsparameter des Meta-Tags z. B. iso-2022-jp lautet, bedeutet dies, dass die von der Website verwendete Codierung Japanisch ist;

Wenn der Zeichensatzinformationsparameter des Meta-Tags z. B. ks_c_5601 lautet, bedeutet dies, dass die von der Website verwendete Codierung koreanisch ist;

Wenn der Zeichensatzinformationsparameter des Meta-Tags beispielsweise ISO-8859-1 ist, bedeutet dies, dass die von der Website verwendete Codierung Englisch ist;

Wenn der Zeichensatzinformationsparameter des Meta-Tags UTF-8 ist, stellt es die weltweit universelle Sprachkodierung dar

G、content-Language(显示语言的设定)

用法:

<code><span class="tag"><meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"Content-Language"<span class="atn">content<span class="pun">=<span class="atv">"zh-cn"<span class="tag">/></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren

H、Cache-Control指定请求和响应遵循的缓存机制。

Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、on

ly-if-cached,响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下

Public指示响应可被任何缓存区缓存

Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效

no-cache指示请求或响应消息不能缓存

no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。

max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应

min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应

max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

J、http-equiv="imagetoolbar"

<code><span class="tag"><meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"imagetoolbar"<span class="atn">content<span class="pun">=<span class="atv">"false"<span class="tag">/></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren

指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。

K、Content-Script-Type

<code><span class="tag"><Meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"Content-Script-Type"<span class="atn">Content<span class="pun">=<span class="atv">"text/javascript"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
Nach dem Login kopieren

W3C网页规范,指明页面中脚本的类型。

L 页面跳转,只用于IE

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