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
Artikel empfehlen
So zeigen Sie die Zeitzone in MySQL an und ändern sie
Heute habe ich festgestellt, dass ein Programm ei...
Installieren Sie Docker unter CentOS 7
Wenn Sie kein Linux-System haben, finden Sie unte...
So konfigurieren Sie die maximale Anzahl von Dateien, die von jedem Nginx-Prozess geöffnet werden können
1. Überprüfen Sie die maximale Anzahl geöffneter ...
Vue-Element el-transfer fügt Drag-Funktion hinzu
Das Core Asset Management Project erfordert, dass...
Eine kurze Diskussion über Browserkompatibilitätsprobleme in JavaScript
Die Browserkompatibilität ist der wichtigste Teil...
MySQL 5.7.10 Installationsdokumentation Tutorial
1. Installieren Sie Abhängigkeitspakete yum -y in...
So ändern Sie die Größe von Partitionen in CentOS7
Gestern habe ich jemandem bei der Installation ei...
HTML-Tutorial: Definitionsliste
<br />Originaltext: http://andymao.com/andy/...
jQuery-Plugin zur Implementierung eines gestapelten Menüs
Jeden Tag ein jQuery-Plugin - gestapeltes Menü. Z...
Ein Artikel zum Verständnis der Verwendung von typeof in js
Inhaltsverzeichnis Base Rückgabetyp String und Bo...
Einführung in den Befehl „Linux-Typversion-Speicherfestplattenabfrage“
1. Lassen Sie uns zunächst eine allgemeine Einfüh...
Verwenden Sie Node-Media-Server, um einen einfachen Streaming-Media-Server zu erstellen
Zeichnen Sie einige der Prozesse der Verwendung d...
Detailliertes Tutorial zur Migration des Home-Verzeichnisses auf eine neue Partition unter Ubuntu
Wenn das Home-Verzeichnis des Benutzers immer grö...
Tutorial zu HTML-Tabellen-Tags (21): Zeilenrahmen-Farbattribut BORDERCOLOR
Um die Tabelle zu verschönern, können Sie für die...
Echarts implementiert das Umschalten verschiedener X-Achsen in einem Diagramm (Beispielcode)
Rendern Wenn Sie den im Bild unten gezeigten Effe...