Heim > Artikel > Web-Frontend > Eine Sammlung häufig verwendeter HTML-Meta-Tags
Das im Kopf des Webs geschriebene Mata-Tag mag unauffällig erscheinen, kann aber tatsächlich eine Vielzahl von Funktionen einrichten, einschließlich der Seitenkodierung und anderer wichtiger Einstellungen. Hier fassen wir die allgemeine Verwendung von HTML-Meta-Tags zusammen:
Was ist Mata-Tag?
Das Element kann Metainformationen über die Seite (Metainformationen) bereitstellen, z. B. Beschreibung und Schlüsselwörter für Suchmaschinen und Aktualisierungshäufigkeit. Das
-Tag befindet sich am Kopf des Dokuments und enthält keinen Inhalt. Die Eigenschaften des -Tags definieren die mit dem Dokument verknüpften Name/Wert-Paare.
Meta ist ein Hilfs-Tag im Kopfbereich der HTML-Sprache. Wir können Meta-Tags auf fast allen Webseiten sehen, sie sind jedoch nicht auf der Anzeigeseite des Browsers zu sehen. Vielleicht denken Sie, dass diese Codes entbehrlich sind. Tatsächlich ist das Meta-Tag sehr wichtig und hat praktische Auswirkungen auf Ihre Website. Beispielsweise wird die Website-Beschreibung () im Suchmaschinenindex angezeigt. Verwenden Sie beispielsweise das Meta-Tag, um die Codierung der Website festzulegen gbk2312 oder utf-8. Der Meta-Tag-Einstellungsschlüssel Word
Grundlegende Syntax
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<meta name="keywords" content="Keyword 1, Keyword 2, Keyword 3....">
Die Funktion des Keyword-Tags besteht darin, der Suchmaschine mitzuteilen, worum es beim Inhalt der Website geht, um der Suchmaschine die Definition und Indizierung der Website zu erleichtern. Schlüsselwörter und Schlüsselwörter werden dadurch getrennt Kommas in der englischen Eingabemethode. Die Länge der Schlüsselwörter beträgt im Allgemeinen nicht mehr als 100 Zeichen. Auf unserer Website geht es beispielsweise um das Erlernen der Webentwicklungstechnologie:
XML-/HTML-CodeInhalt in die Zwischenablage kopieren
<Meta Name="Schlüsselwörter" Inhalt="HTML-Tutorial, CSS-Tutorial, Javascript-Tutorial" >
Meta-Tag-Einstellungsbeschreibung
Grammatikformat:
XML/HTML-CodeInhalt in die Zwischenablage kopieren
< ;meta name=“discription“ content=“description content“>
Meta-Tag-Einstellungszeichensatz
Grammatikformat:
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<meta http-equiv = „content-type“ content="text/html; charset="Codierungsformat">
Beispiel:
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<meta http-equiv="Content-Type" content= "text/html; charset=utf-8" >
Wenn wir im Internet surfen, stoßen die meisten von uns auf das, was ich gesehen habe Das Kodierungsformat dient dazu, den Browser im eingestellten Bearbeitungsformat zu analysieren. Wenn das Kodierungsformat falsch ist, werden verstümmelte Zeichen angezeigt, sodass alle Browser auf der ganzen Welt darauf zugreifen können . Unsere Webseiten können normal angezeigt werden
Meta-Tag legt automatische Aktualisierungszeit fest
Grammatikformat
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<Meta http-equiv=“refresh“ content=“refreshIntervallzeit“>
Aktualisierungszeit In Sekunden Beispielsweise kann die Forumseite neue Beiträge nur nach der Aktualisierung sehen. Seiten, die auf diese Weise schnell aktualisiert werden, können einen automatischen Aktualisierungscode hinzufügen, um sicherzustellen, dass die neueste Seite angezeigt wird
XML/HTML-Code
<
http-equiv=“refresh“ content=“3“>
Hier demonstrieren wir die Einstellung der Zeit auf 3 Sekunden, bitte testen Sie es selbst.
XML/HTML-Code
<
http-equiv="refresh" content="Die Anzahl der Sekunden zwischen Sprüngen; URL ="Neue Webseite Adresse">
Beispiel:XML/HTML-Code
<
http-equiv="aktualisieren" Inhalt="3; Url="http://www.adminwang.com">
Wenn der Browser diese Seite öffnet, springt er nach 3 Sekunden automatisch zur Startseite unserer WebsiteXML/HTML-Code
<
http-equiv="cache-control" content =" no-cache" />
Wir wissen, dass Browser über einen Caching-Mechanismus verfügen, d. h. wenn Sie eine Webseite öffnen Der Zweck besteht darin, die Datei bei einem erneuten Besuch innerhalb einer bestimmten Zeitspanne direkt im Cache aufzurufen, um die Zugriffsgeschwindigkeit zu verbessern. Bei Seiten, die sich häufig ändern, wie z. B. Foren, möchten wir dies jedoch nicht Der Browser zum Speichern von Cache-Dateien bietet eine weitere Möglichkeit, beim Debuggen eines Programms die Auswirkung von Code-Änderungen zu überprüfen Zum Schreiben:
Inhalt in die Zwischenablage kopieren
<
meta
http-equiv="pragma" content="no -cache" > ; Weitere relevante Artikel zur allgemeinen Verwendung von HTML-Meta-Tags finden Sie auf der chinesischen PHP-Website!