


Zusammenfassung von HTML-Meta, Einführung in die Verwendung von Metaattributen in HTML-Tags
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-Tagslautet:
<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>
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>
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>
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>
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 werdenDer 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 WebseiteBeispiel:
<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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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 istWenn 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>
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>
指定是否显示图片工具栏,当为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>
W3C网页规范,指明页面中脚本的类型。
L 页面跳转,只用于IE

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Das offizielle Konto -Webseite aktualisiert Cache, dieses Ding ist einfach und einfach und es ist kompliziert genug, um einen Topf davon zu trinken. Sie haben hart gearbeitet, um den offiziellen Account -Artikel zu aktualisieren, aber der Benutzer hat die alte Version immer noch geöffnet. Schauen wir uns in diesem Artikel die Wendungen und Wendungen und wie man dieses Problem anmutig ansehen. Nach dem Lesen können Sie sich leicht mit verschiedenen Caching -Problemen befassen, sodass Ihre Benutzer immer den frischesten Inhalt erleben können. Sprechen wir zuerst über die Grundlagen. Um es unverblümt auszudrücken, speichert der Browser oder Server einige statische Ressourcen (wie Bilder, CSS, JS) oder Seiteninhalte, um die Zugriffsgeschwindigkeit zu verbessern. Wenn Sie das nächste Mal darauf zugreifen, können Sie ihn direkt aus dem Cache abrufen, ohne ihn erneut herunterzuladen, und es ist natürlich schnell. Aber dieses Ding ist auch ein zweischneidiges Schwert. Die neue Version ist online,

In dem Artikel werden unter Verwendung von HTML5 -Formularvalidierungsattributen wie Erforderlich, Muster, Min, MAX und Längengrenzen erörtert, um die Benutzereingabe direkt im Browser zu validieren.

In Artikel werden Best Practices zur Gewährleistung der HTML5-Cross-Browser-Kompatibilität erörtert und sich auf die Erkennung von Merkmalen, die progressive Verbesserung und die Testmethoden konzentriert.

Dieser Artikel zeigt einen effizienten PNG -Grenzzusatz zu Webseiten mithilfe von CSS. Es wird argumentiert, dass CSS im Vergleich zu JavaScript oder Bibliotheken eine überlegene Leistung bietet, um zu beschreiben, wie die Randbreite, Stil und Farbe für subtile oder herausragende Effekte angepasst werden können

Der Artikel erörtert den HTML & lt; Datalist & gt; Element, das die Formulare verbessert, indem automatische Vorschläge bereitgestellt, die Benutzererfahrung verbessert und Fehler reduziert werden.Character Count: 159

Der Artikel erörtert den HTML & lt; Progress & gt; Element, Absicht, Styling und Unterschiede vom & lt; Meter & gt; Element. Das Hauptaugenmerk liegt auf der Verwendung & lt; Fortschritt & gt; Für Aufgabenabschluss und & lt; Meter & gt; für stati

Dieser Artikel erklärt den HTML5 & lt; Time & gt; Element für semantische Datum/Uhrzeit. Es betont die Wichtigkeit des DateTime-Attributs für die Maschinenlesbarkeit (ISO 8601-Format) neben menschenlesbarem Text, das Zubehör steigert

Der Artikel erörtert das HTML & lt; Meter & gt; Element, verwendet zur Anzeige von Skalar- oder Bruchwerten innerhalb eines Bereichs und seine gemeinsamen Anwendungen in der Webentwicklung. Es differenziert & lt; Meter & gt; von & lt; Fortschritt & gt; und Ex
