Einführung in die Verwendung des http-equiv-Attributs im Meta-Tag

Meta ist ein Hilfstag im Kopfbereich der HTML-Sprache. Vielleicht denken Sie, dass diese Codes unnötig sind. Wenn Sie Meta-Tags sinnvoll einsetzen, können Sie tatsächlich unerwartete Ergebnisse erzielen. Zu den Funktionen von Meta-Tags gehören: Suchmaschinenoptimierung (SEO), Definition der von der Seite verwendeten Sprache, automatisches Aktualisieren und Verweisen auf neue Seiten, Erzielen dynamischer Effekte beim Konvertieren von Webseiten, Steuern des Seitenpufferns, Bewerten und Bewerten von Webseiten, Steuern des Fensters, in dem die Webseite angezeigt wird usw.!

Zusammensetzung des Meta-Tags : Das Meta-Tag hat zwei Attribute, nämlich das http-equiv-Attribut und das Name-Attribut. Unterschiedliche Attribute haben unterschiedliche Parameterwerte, und diese unterschiedlichen Parameterwerte realisieren unterschiedliche Webseitenfunktionen.

1. Namensattribut

Das Namensattribut wird hauptsächlich zur Beschreibung der Webseite verwendet. Der entsprechende Attributwert ist Inhalt. Der Inhalt im Inhalt wird hauptsächlich verwendet, um Suchmaschinenrobotern das Auffinden und Klassifizieren von Informationen zu erleichtern.

Die Syntax des Namensattributs des Meta-Tags lautet:

<metaname="Parameter" content="spezifischer Parameterwert">.

Das Name-Attribut hat hauptsächlich die folgenden Parameter:

A. Schlüsselwörter

Beschreibung: Schlüsselwörter werden verwendet, um Suchmaschinen mitzuteilen, was die Schlüsselwörter Ihrer Webseite sind.

Beispiel: <metaname="keywords" content="science,education,culture,politics,ecnomics，relationships,entertaiment,human">

B. Beschreibung (Beschreibung des Webseiteninhalts)

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

Beispiel: <metaname="description" content="Auf dieser Seite geht es um die Bedeutung von Wissenschaft, Bildung, Kultur."">

C. Roboter (Roboterführer)

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

Die Inhaltsparameter sind „alle“, „keine“, „index“, „noindex“, „follow“ und „nofollow“. Die Standardeinstellung ist „alles“.

Beispiel: <metaname="robots" content="none">

D. Autor

Beschreibung: Markieren Sie den Autor der Webseite

Beispiel: <metaname="author" content="root,[email protected]">

2. http-equiv-Attribut

Wie der Name schon sagt, entspricht http-equiv dem Dateiheader von http. Es kann einige nützliche Informationen an den Browser zurücksenden, um den Inhalt der Webseite korrekt und genau anzuzeigen. Der entsprechende Attributwert ist content. Der Inhalt in content ist eigentlich der variable Wert jedes Parameters.

Das Syntaxformat des http-equiv-Attributs des Meta-Tags ist:

<metahttp-equiv="Parameter" Inhalt="Parametervariablenwert">;

Das http-equiv-Attribut hat hauptsächlich die folgenden Parameter:

A. Läuft ab

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

Verwendung: <metahttp-equiv="expires" content="Fri,12Jan200118:18:18GMT">

Hinweis: Das Zeitformat muss GMT sein.

B. Pragma (Cache-Modus)

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

Verwendung: <metahttp-equiv="Pragma" content="no-cache">

Hinweis: Mit dieser Einstellung können Besucher nicht offline surfen.

C. Aktualisieren

Beschreibung: Automatisch aktualisieren und auf eine neue Seite verweisen.

Verwendung: <metahttp-equiv="Refresh" content="2;URL=https://www.jb51.net"> (beachten Sie die Anführungszeichen am Ende, die vor den Sekunden und nach der URL stehen)

Hinweis: Die 2 bedeutet, dass die URL nach einem Aufenthalt von 2 Sekunden automatisch aktualisiert wird.

D. Set-Cookie (Cookie-Einstellung)

Hinweis: Nach Ablauf der Laufzeit der Webseite werden die gespeicherten Cookies gelöscht.

Verwendung: <metahttp-equiv="Set-Cookie" content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">

Hinweis: Das Zeitformat muss GMT sein.

E. Fensterziel (Fenstereinstellungen anzeigen)

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

Verwendung: <metahttp-equiv="Window-target" content="_top">

Hinweis: Dient dazu, das Aufrufen eigener Seiten durch Dritte im Frame zu verhindern.

F. content-Type (Einstellungen für den Anzeigezeichensatz)

Beschreibung: Legt den von der Seite verwendeten Zeichensatz fest.

Verwendung: <metahttp-equiv="content-Type" content="text/html;charset=gb2312">

G. content-Language (Einstellung der Anzeigesprache)

Verwendung: <metahttp-equiv="Content-Language" content="zh-cn"/>

H. Cache-Control gibt den Cache-Mechanismus an, dem Anfragen und Antworten folgen.
Cache-Control gibt den Cache-Mechanismus an, dem Anforderung und Antwort folgen. Das Festlegen von Cache-Control in einer Anforderungs- oder Antwortnachricht ändert nicht die Cache-Verarbeitung der anderen Nachricht. Die Cache-Anweisungen während der Anfrage umfassen no-cache, no-store, max-age, max-stale, min-fresh, on

ly-if-cached, die Anweisungen in der Antwortnachricht umfassen „public“, „private“, „no-cache“, „no-store“, „no-transform“, „must-revalidate“, „proxy-revalidate“ und „max-age“. Die Anweisungen in den einzelnen Nachrichten bedeuten Folgendes:
Öffentlich bedeutet, dass die Antwort von jedem Cache zwischengespeichert werden kann
„Privat“ bedeutet, dass die gesamte oder teilweise Antwortnachricht für einen einzelnen Benutzer nicht vom gemeinsam genutzten Cache verarbeitet werden kann. Dadurch kann der Server dem aktuellen Benutzer nur einen Teil der Antwortnachricht beschreiben, der für die Anforderungen anderer Benutzer ungültig ist.
no-cache gibt an, dass die Anforderungs- oder Antwortnachricht nicht zwischengespeichert werden kann.
„no-store“ wird verwendet, um die unbeabsichtigte Veröffentlichung wichtiger Informationen zu verhindern. Das Senden in einer Anforderungsnachricht führt dazu, dass weder die Anforderungs- noch die Antwortnachrichten den Cache verwenden.
max-age gibt an, dass der Client Antworten akzeptieren kann, die nicht älter als die angegebene Zeit (in Sekunden) sind.
min-fresh gibt an, dass der Client Antworten empfangen kann, deren Antwortzeit kürzer ist als die aktuelle Zeit plus die angegebene Zeit
max-stale gibt an, dass der Client auch nach Ablauf der Zeitüberschreitung noch Antwortnachrichten empfangen kann. Wenn Sie einen Wert für die maximale Anzahl veralteter Nachrichten angeben, kann der Client Antwortnachrichten empfangen, die das angegebene Zeitlimit überschreiten.

Tipps zur Verwendung von Meta-Tags :

Meta-Tags sind eine Sprache, mit der die Eigenschaften von Webseiten beschrieben werden. Standard-Meta-Tags können das Sortieren durch Suchmaschinen erleichtern und das Gewichtungsranking von Websites in Suchmaschinen verbessern. Wenn Sie Ihre Website besser an die Suchmaschinenstandards anpassen möchten, müssen Sie Meta-Tags verstehen. Hier erklärt Ihnen Seoer Xiyuan die Bedeutung und Verwendung von Meta-Tags:

1. Schlüsselwörter im META-Tag

Die Schreibweise ist: <metaname="Keywords" content="Informationsparameter"/>

Der Informationsparameter „Keywords“ im Meat-Tag stellt dar, was die Keywords der Website sind.

2. Beschreibung des META-Tags

<metaname="Beschreibung" content="Informationsparameter"/>

Der Beschreibungsparameter des Meta-Tags stellt den Hauptinhalt und die Übersicht der Website dar.

3. http-equiv=Content-Typecontent="text/html" des META-Tags

http-equiv=Content-Type stellt das HTTP-Header-Protokoll dar, das dem Browser die Informationen der Webseite anzeigt.

<metahttp-equiv="Inhaltstyp" content="text/html; charset=Informationsparameter"/>

Wenn der Zeichensatzparameter des Meta-Tags GB2312 ist, bedeutet dies, dass die von der Website verwendete Kodierung vereinfachtes Chinesisch ist.

Wenn der Zeichensatzparameter des Meta-Tags BIG5 ist, bedeutet dies, dass die von der Website verwendete Kodierung traditionelles Chinesisch ist.

Wenn der Zeichensatzparameter des Meta-Tags iso-2022-jp ist, bedeutet dies, dass die von der Website verwendete Kodierung Japanisch ist.

Wenn der Zeichensatzinformationsparameter des Meta-Tags ks_c_5601 ist, bedeutet dies, dass die von der Website verwendete Kodierung koreanisch ist.

Wenn der Zeichensatzparameter des Meta-Tags ISO-8859-1 ist, bedeutet dies, dass die von der Website verwendete Kodierung Englisch ist.

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

4. META-Tag-Generator

<metaname="generator" content="Informationsparameter"/>

Der Generatorinformationsparameter des Meta-Tags gibt an, welche Software zum Erstellen der Website verwendet wurde.

5. Autor im META-Tag

<metaname="Autor"content="Informationsparameter">

Der Autoreninformationsparameter des Meta-Tags stellt die Copyright-Autoreninformationen der Webseite dar.

6. http-equiv="Refresh" im META-Tag

<Metahttp-equiv="Aktualisieren"Inhalt="Zeit;Url=URL-Parameter">

Die Aktualisierung im Meta-Tag gibt an, wie lange die Webseite automatisch aktualisiert wird, und in Kombination mit dem URL-Parameter in der URL gibt es an, wie lange automatisch auf andere URLs verwiesen wird.

7. HTTP-EQUIV="Pragma"CONTENT="no-cache" im META-Tag

<METAHTTP-EQUIV="Pragma"CONTENT="no-cache"> bedeutet, dass der Browser nicht auf den Seiteninhalt aus dem Cache des lokalen Computers zugreifen kann. Mit dieser Einstellung können Besucher nicht offline surfen.

8. COPYRIGHT des META-Tags

<METANAME="COPYRIGHT"CONTENT="Informationsparameter">

Der COPYRIGHT-Informationsparameter des Meta-Tags stellt die Copyright-Informationen der Website dar.

9. http-equiv="imagetoolbar" im META-Tag

<metahttp-equiv="imagetoolbar" content="false"/>

Gibt an, ob die Bildsymbolleiste angezeigt werden soll. Wenn „false“ bedeutet dies, dass sie nicht angezeigt wird, und wenn „true“ bedeutet dies, dass sie angezeigt wird.

10. Content-Script-Type des META-Tags

<Metahttp-equiv="Inhaltsskripttyp"Inhalt="text/javascript">

W3C-Webseitenspezifikation, die den Skripttyp auf einer Seite angibt.

11. META-Tag erneut besuchen nach

<METAname="Wiederbesuch nach"CONTENT="7days">

„revisit-after“ bedeutet erneuter Besuch der Website, „7days“ bedeutet 7 Tage usw.

12. Roboter im META-Tag <metaname="Robots"contect="information parameters">

Robots teilt Suchmaschinenrobotern mit, welche Seiten gecrawlt werden sollen

Die Eigenschaften werden wie folgt beschrieben :

Der Informationsparameter ist alles: Die Dateien werden 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: Die Links auf der Seite können abgefragt werden;

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

Der Informationsparameter lautet nofollow: Die Datei wird abgerufen, aber die Links auf der Seite werden nicht abgefragt;

<<: Beispiele für personalisiertes und kreatives Website-Design (30)

>>: Vue-Grundlagen-Tutorial: Bedingtes Rendering und Listen-Rendering

Eine kleine Einführung in die Verwendung der Position in HTML

Einführung in die Verwendung des http-equiv-Attributs im Meta-Tag

Eine kleine Einführung in die Verwendung der Position in HTML

CSS3-Randeffekte

JavaScript zum Erreichen eines vollständigen oder umgekehrten Auswahleffekts im Formular

So verwenden Sie HTML+CSS zum Erstellen einer TG-Vision-Homepage

Detaillierte Erklärung von Cgroup, dem Kernprinzip von Docker

Detaillierte Erläuterung der Lösung für das Problem der automatischen Trennung der xshell-Remoteverbindung

Kalendereffekt basierend auf jQuery

Importieren von CSS-Dateien unter Verwendung von Beurteilungsbedingungen

Detaillierte Erläuterung mehrerer Lösungen für JavaScript-Unterbrechungsanforderungen

Hinweise zum Systemaufruf des Linux-Kernel-Gerätetreibers

Artikel empfehlen

Zusammenfassung der Kompatibilitätsprobleme beim Flex-Layout

CSS zur Implementierung von Sprites und Schriftsymbolen

Das WeChat-Applet implementiert das Scrollen von Text

Analyse von Beispielen für gemeinsame Abfragevorgänge bei MySQL für mehrere Tabellen

CSS implementiert die Bottom-Tapbar-Funktion

3D-Tunneleffekt implementiert durch CSS3

3 häufige Fehler beim Lesen von MySQL Binlog-Protokollen

Lernhinweise zum WeChat-Applet: Seitenkonfiguration und -routing

Detaillierte Erklärung des Befehlsmodus in der Javascript-Praxis

So konfigurieren Sie eine JDK-Umgebung unter Linux

Detailliertes Tutorial zur Installation des FTP-Servers im CentOS 8-System und zur Konfiguration des passiven Modus

Reacts Übergang von Klassen zu Hooks

Über das Problem der dynamischen Spleißen der SRC-Bildadresse von img in Vue

Dynamische Vue-Komponente

So erhalten Sie Formulardaten in Vue