Detaillierte Erklärung von HTML -Meta

Das Meta -Tag ist ein Hilfsetikett im Kopfbereich der HTML -Sprache.

Meta wird häufig verwendet, um die Anweisungen, Schlüsselwörter zu definieren und schließlich das Datum und andere Metadaten zu ändern. Diese Metadaten dienen dem Browser (So layout oder neu laden), Suchmaschinen und andere Netzwerkdienste.

MATA-Label enthält globale Attribute (https://developer.mozilla.org/en-sr/docs/web/global_attributes)

Deklaration des Zeichencode der Webseite:

 <meta charset = utf-8>

Der Inhalt des Inhaltsattributs ist der Wert der Eigenschaft HTP-Equiv oder Name, die davon abhängt, welche Sie verwenden.

Dieses Attribut kann den Namen des HTTP-Headers enthalten, und der vollständige englische Name des Attributs ist http-äquivalent. Es definiert Anweisungen, mit denen das Verhalten von Server und Benutzer-Agent geändert werden kann. Der Wert dieser Anweisung ist in der Inhaltseigenschaft definiert, die einer der folgenden sein kann:

Definieren Sie die Standardsprache der Seite. Es kann von der Lang -Eigenschaft auf jedem Element abgedeckt werden.

Der Browser ist verboten, den Seiteninhalt aus dem Cache des lokalen Computers zu besuchen. wie:

 <meta http-äquiv = pragma content = no-cache>

Kann verwendet werden, um die Ablaufzeit der Webseite festzulegen. Sobald die Webseite abläuft, muss sie auf dem Server erneut übertragen werden.

Geben Sie den Cache -Mechanismus von Anfragen und die Antwort an, um zu folgen. Es gibt die folgenden Verwendungsmethoden:

No-Cache: Senden Sie zuerst eine Anfrage, bestätigen Sie, ob die Ressource mit dem Server geändert wird. Verwenden Sie den Cache.

No-Store: Lassen Sie Caches nicht zulassen, gehen Sie jedes Mal zum Server und laden Sie eine vollständige Antwort herunter. (Sicherheitsmaßnahmen)

Öffentlich: Alle Antworten, aber nicht notwendig. Weil max-Alter auch den gleichen Effekt erzielen kann

Privat: Nur ein einzelner Benutzer -Cache, daher ist kein Relais -Cache zulässig. (Zum Beispiel erlaubt CDN keine private Reaktion des Cache)

Maximalzeit: Die aktuelle Anfrage beginnt, wie lange die Antwort zwischengespeichert und wiederverwendet werden kann, ohne auf den Server zu gehen, um erneut zu erfolgen. Zum Beispiel: max-age = 60 bedeutet, dass die Antwort zwischen 60 Sekunden zwischengespeichert und wiederverwendet werden kann.

Erlauben Sie dem Autor, die Inhaltsstrategie der aktuellen Seite zu definieren. Die Inhaltsstrategie gibt hauptsächlich die zulässige Serveradresse und den Skriptendpunkt an, mit dem Skriptangriffsanfälle von Querleistungen verhindern.

Die Essenz von CSP ist das weiße Listensystem. Die Implementierung und Ausführung wird vom Browser abgeschlossen, und Entwickler müssen nur eine Konfiguration bereitstellen.

CSP verbessert die Sicherheit der Webseite erheblich. Auch wenn der Angreifer die Sicherheitsanfälligkeit findet, kann er das Drehbuch nicht injizieren, es sei denn, er kontrolliert einen in der Whitelist aufgeführten glaubwürdigen Host. Zwei Methoden können CSP aktivieren. Eines ist ein Bereich der Inhaltssicherheitspolitik durch HTTP-Header-Informationen.

 Content-Security-Policy: Skript-Src 'Selbst';

Das andere ist das Etikett der Webseite.

 <meta http-äquiv = content-security-policy content = script-src 'SELD';

Im obigen Code machte der CSP die folgende Konfiguration:

Skript: Vertrauen Sie dem aktuellen Domänennamen

Tags: Keine URL, dh keine Ressourcen laden

Stiltabelle: Nur vertrauen Sie cdn.example.org und drittanbieter.org

Rahmen: Muss mit dem HTTPS -Protokoll geladen werden

Andere Ressourcen: Keine Einschränkungen

Nach dem Öffnen werden die externen Ressourcen, die dem CSP nicht erfüllen, am Laden verhindert.

Weitere Einführung: Inhaltssicherheitsrichtlinie Erste Schritte Tutorial

Definieren Sie den MIME -Dokumenttyp und codieren Sie es dann mit seinen Zeichen.

Verwenden Sie diesen Wert nicht, da er veraltet ist. Es wird empfohlen, das Charset -Attribut für das Element zu verwenden.

Da die Art der Dokumentation in der XHTML -Serialisierung von XHTML oder HTML5 nicht geändert werden kann, verwenden Sie den MIME -Typ nicht, um den MIML -MIME -Typ einzustellen.

Diese Anweisung gibt an:

Wenn das Inhaltsattribut nur eine positive Ganzzahl enthält, stellt es die Anzahl der Sekunden -Sekunden auf der Seite dar.

Wenn das Konferenzattribut eine positive Ganzzahl und dann die Zeichenfolge enthält.

 <meta http-equiv = aktualisieren content = 2;

Definieren Sie das Cookie der Seite.

Verwenden Sie diese Anweisung nicht und verwenden Sie den Set-Cookie von HTTP-Header (https://developer.mozilla.org/en-s-s-docs/web/http/headers/set-cookie)

Es wird verwendet, um den Browser zu sagen, dass er die Seite rendern soll.

 <meta http-äquiv = x-UA-Zusammensetzung Inhalt = IE = Edge, Chrome = 1/> Geben Sie IE und Chrome an, um die aktuelle Seite mit der neuesten Version zu rendern

Die Definition des Namensattributs gehört zu den Metadaten auf Dokumentebene.

Der Name der Meta -Daten -Daten ist dem Wert des Inhaltsattributs zugeordnet. Der mögliche Wert des Namensattributs lautet:

Definieren Sie den Namen der auf der Webseite ausgeführten Anwendung.

Wird verwendet, um den Autor der Webseite zu markieren.

Einschließlich einer Beschreibung des Miniaturbildes von Seiteninhalten. Einige Browser wie Firefox und Opera verwenden diese Standardbeschreibung als Web -Lesezeichen.

Es wird verwendet, um anzugeben, welche Software von der Webseite hergestellt wird.

Wird verwendet, um die Suchmaschine zu sagen, die Schlüsselwörter Ihrer Webseite

Wenn die Seite nicht häufig aktualisiert wird, können Sie eine Re -Vis -Zeit für einen Crawler einrichten, um den Druck von Suchmaschinencrawlern auf den Server zu verringern. Wenn die Zeit zu kurz ist, wird der Crawler entsprechend der von ihm definierten Standardzeit zugegriffen. Beispiel:

 <meta name = revisit-after content = 7 Tage>

Renderer ist für Dual -Core -Browser vorbereitet, um anzugeben, wie der Dual -Core -Browser die Seite standardmäßig rendert. Zum Beispiel 360 Browser. Beispiel:

 <meta name = renderer content = webkit> // Der Standard-Webkit-Kernel <meta name = renderer content = ie-comp> // Der Standard-IE-Kompatibilitätsmodus <meta name = renderer content = ie-sand> // Standard-I E Standardmodus

Referrer kontrolliert den Referer HTTP-Header (https://developer.mozilla.org/en-us/docs/web/http/referer in der Anforderung an die Anforderung an Doktor. Der entsprechende Wert befindet sich in Inhalt:

Roboter verwenden Reptilien, welche Seiten von Seiten Indizes benötigen und welche Seiten keine Indizes benötigen.

Bietet eine Eingabeaufforderung für die Größe der anfänglichen Größe des Ansichtsfenfers. Nur für mobile Geräte.

Gemeinsame Verwendung

Verbotene Skalierung:

 <meta name = Ansichtsfensterinhalt = Initial-Scale = 1,0, Mindestmaßstab = 1,0, Maximal-Scale = 1,0, Benutzer-skalierbar = NO/>

Aktualisieren Sie die Webseite automatisch

Sie können den Aktualisierungsvorgang nach einer Zeitspanne festlegen. Meta http-äquiv = aktualisiert kann den Browser angeben, um die automatische Aktualisierungsseite für einen bestimmten Zeitraum zu verzögern. Der Meta-Tag gibt den Browser an, das unten alle 5 Sekunden aktualisiert wird.

 <meta http-äquiv = aktualisiert Inhalt = 5 ″ />

Automatische Umleitung

Wir können Aktualisierung von Meta -Tags verwenden, um die Seite umzuleiten. Das folgende Beispiel besucht www.vevb.com nach 5 Sekunden

 <meta http-äquiv = aktualisiert inhalt = 5;

Verbotener Browser -Cache

Wenn wir die Webseite lokal testen, wird der neue Inhalt nicht rechtzeitig aktualisiert, und es kann einen Browser -Cache geben. Zu diesem Zeitpunkt können wir es lösen, solange wir den Browser -Cache mithilfe von Meta -Tags deaktivieren. Der allgemeine Code lautet wie folgt:

 <meta http-äquiv = abläuft content = 0> <meta http-äquiv = pragma content = no-cache> <meta http-äquiv = cache-control content = no-cache>

Ziel des Baidu Transcodierens

 <meta http-äquiv = cache-control content = no-Sizeapp/>

In der mobilen Entwicklung schützt der Code, der die Nummer als Telefonnummer schützt:

 <meta content = telefon = no name = format-detektion />

beziehen sich auf

Mdn Html Element (https://developer.mozilla.org/en-s-/docs/web/html/element/meta)))