Heim Web-Frontend HTML-Tutorial Einführung in die Verwendung des http-equiv-Attributs bei der Erstellung von Meta-Tags_HTML/Xhtml_Webseiten

Einführung in die Verwendung des http-equiv-Attributs bei der Erstellung von Meta-Tags_HTML/Xhtml_Webseiten

May 16, 2016 pm 04:40 PM
meta标签

Meta ist ein Hilfstag 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.!

Zusammensetzung des Meta-Tags: Das Meta-Tag hat zwei Attribute, nämlich das http-equiv-Attribut und das Namensattribut. Diese unterschiedlichen Parameterwerte sind unterschiedlich umgesetzt.

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 Informationen klassifizieren. Das Syntaxformat des Namensattributs des Meta-Tags

lautet:

.

Das Namensattribut hat hauptsächlich die folgenden Parameter:

A. Schlüsselwörter (Schlüsselwörter)

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

Beispiel:

B. Beschreibung (Beschreibung des Website-Inhalts)

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

Beispiel:

C. Robots (Roboterführer)

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

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

Beispiel:

D. Autor (Autor)

Erklärung: Markieren Sie den Autor der Webseite

Beispiel:

2. http-equiv-Attribut

http-equiv entspricht, wie der Name schon sagt, der Datei-Header-Funktion von http. Es kann einige nützliche Informationen zurückgeben Der Browser hilft bei der korrekten und genauen Darstellung des Inhalts der Webseite, und der entsprechende Attributwert ist der Inhalt. Der Inhalt ist tatsächlich der variable Wert jedes Parameters. Das Syntaxformat des http-equiv-Attributs des

Meta-Tags lautet:


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

A. Läuft ab (Zeitraum)

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

Verwendung:

Hinweis: Es muss das GMT-Zeitformat verwendet werden.

B. Pragma (Cache-Modus)

Beschreibung: Verbietet dem Browser den Zugriff auf Seiteninhalte aus dem Cache des lokalen Computers.

Verwendung:

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

C. Aktualisieren (Aktualisieren)

Beschreibung: Automatisch aktualisieren und auf die neue Seite verweisen.

Verwendung:
(Beachten Sie die Anführungszeichen am Ende bzw. vor den Sekunden und nach der URL)
Hinweis: Die 2 bedeutet, dass nach dem Verbleiben automatisch die URL aktualisiert wird für 2 Sekunden URL.

D. Set-Cookie (Cookie-Einstellung)

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

Verwendung:

Hinweis: Es muss das GMT-Zeitformat verwendet werden.

E. Fensterziel (Anzeigefenstereinstellung)

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

Verwendung:

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:

G, content-Language (Einstellung der Anzeigesprache)

Verwendung:

H, Cache-Control gibt an der Caching-Mechanismus, dem Anforderungen und Antworten folgen.
Cache-Control gibt den Caching-Mechanismus an, dem Anforderungen und Antworten folgen. Durch das Festlegen von Cache-Control in einer Anforderungs- oder Antwortnachricht wird der Caching-Prozess während der Verarbeitung einer anderen Nachricht nicht geändert. Zu den Caching-Anweisungen während der Anfrage gehören No-Cache, No-Store, Max-Age, Max-Stale, Min-Fresh und On

ly-if-cached, und die Anweisungen in der Antwortnachricht umfassen Public, privat, kein Cache, kein Speichern, keine Transformation, erneute Validierung erforderlich, erneute Proxy-Überprüfung, maximales Alter. Die Bedeutung der Anweisungen in jeder Nachricht ist wie folgt:
Öffentlich gibt an, dass die Antwort von jedem Cache zwischengespeichert werden kann
„Privat“ gibt an, dass die Antwortnachricht für einen einzelnen Benutzer ganz oder teilweise nicht vom gemeinsam genutzten Cache verarbeitet werden kann. Dadurch kann der Server nur eine Teilantwortnachricht eines Benutzers beschreiben, die für die Anforderungen anderer Benutzer nicht gültig ist.
No-Cache zeigt an, dass die Anforderungs- oder Antwortnachricht nicht zwischengespeichert werden kann.
No-Store wird verwendet, um wichtige Informationen zu verhindern dass Informationen nicht versehentlich veröffentlicht werden. Das Senden in der Anforderungsnachricht führt dazu, dass sowohl die Anforderungs- als auch die Antwortnachrichten Caching verwenden.
max-age gibt an, dass der Client Antworten mit einer Lebensdauer empfangen kann, die nicht länger als die angegebene Zeit in Sekunden ist.
min-fresh gibt an, dass der Client Antworten mit einer Antwortzeit empfangen kann, die kürzer als die aktuelle Zeit plus die angegebene Zeit ist
max-stale gibt an, dass der Client über den Timeout-Zeitraum hinaus Antwortnachrichten empfangen kann. Wenn Sie einen Wert für Max-Stale-Nachrichten angeben, kann der Client Antwortnachrichten empfangen, die den angegebenen Wert des Timeout-Zeitraums überschreiten.

Tipps zur Verwendung von Meta-Tags:

Meta-Tags sind eine Sprache, die zur Beschreibung der Eigenschaften von Webseiten verwendet wird. Standard-Meta-Tags können das Ranking in Suchmaschinen erleichtern und Suchmaschinen-Websites verbessern . Gewichtsranking. Wenn Sie möchten, dass Ihre Website den Suchmaschinenstandards besser entspricht, müssen Sie Meta-Tags verstehen. Nachfolgend erklärt Seoer die Bedeutung und Verwendung von Meta-Tags:

1. Schlüsselwörter von META-Tags

Die Schreibmethode ist:

Der Informationsparameter der Schlüsselwörter des Fleischtags repräsentiert die Schlüsselwörter der Website.

2. Beschreibung des META-Tags



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

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

http-equiv=Content-Type stellt das HTTP-Header-Protokoll dar und fordert den Browser für das Web auf Seiteninformationen,



Wenn der Informationsparameter des Zeichensatzes des Meta-Tags beispielsweise GB2312 ist, bedeutet dies, dass die von der Website verwendete Codierung vereinfachtes Chinesisch ist;
Der Zeichensatz des Meta-Tags. Wenn der Informationsparameter wie BIG5 ist, bedeutet dies, dass die von der Website verwendete Codierung traditionelles Chinesisch ist. Wenn der Informationsparameter des Zeichensatzes des

Meta-Tags wie iso ist -2022-jp bedeutet, dass die von der Website verwendete Codierung Japanisch ist 🎜>
Wenn der Zeichensatzinformationsparameter des Meta-Tags z. B. ISO-8859-1 lautet, bedeutet dies, dass die verwendete Codierung Englisch ist.

Wenn der Informationsparameter des Zeichensatzes des Das Meta-Tag ist UTF-8 und stellt die weltweite Sprachkodierung dar.

4. Der Generator des META-Tags




Die Informationsparameter des Generators des Meta-Tags stellen die zum Erstellen der Website verwendete Software dar
Der Autor des META-Tags


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

6. http-equiv="Refresh" des META-Tags



Die Aktualisierung des Meta-Tags Wie lange es dauert, bis die Webseite automatisch aktualisiert wird, bedeutet, wie lange es dauert, automatisch auf andere URLs zu verlinken.

7 .="no-cache"

bedeutet, dass der Browser nicht auf Seiteninhalte aus dem Cache des lokalen Computers zugreifen kann

8. COPYRIGHT des Tags


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

9. equiv="imagetoolbar" des META-Tags

Geben Sie an, ob die Bildsymbolleiste angezeigt werden soll. es bedeutet, dass es angezeigt wird.

10. Content-Script- des META-Tags


W3C-Webseitenspezifikation, die den Typ des Skripts angibt die Seite.
11. META-Tag revisit-after




revisit-after steht für einen erneuten Besuch der Website, 7days steht für 7 Tage und so weiter.
12. Roboter von META-Tags


Roboter-Vertreter teilen Suchmaschinen-Robots mit, welche Seiten gecrawlt werden sollen


Die Attribute werden wie folgt beschrieben :

Der Informationsparameter ist all: 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 werden nicht abgerufen auf der Seite kann nicht abgefragt werden;
Der Informationsparameter ist: Die Datei wird abgerufen;
Der Informationsparameter ist noindex: Die Datei wird nicht abgerufen, aber die Links auf der Seite können abgefragt werden;

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

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt? Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt? Mar 04, 2025 pm 12:32 PM

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,

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Mar 17, 2025 pm 12:27 PM

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.

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu? Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu? Mar 04, 2025 pm 02:39 PM

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

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Mar 17, 2025 pm 12:20 PM

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.

Was ist der Zweck des & lt; datalist & gt; Element? Was ist der Zweck des & lt; datalist & gt; Element? Mar 21, 2025 pm 12:33 PM

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

Was ist der Zweck des & lt; Meter & gt; Element? Was ist der Zweck des & lt; Meter & gt; Element? Mar 21, 2025 pm 12:35 PM

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

Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen? Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen? Mar 12, 2025 pm 04:05 PM

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

Was ist der Zweck des & lt; Fortschritts & gt; Element? Was ist der Zweck des & lt; Fortschritts & gt; Element? Mar 21, 2025 pm 12:34 PM

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

See all articles