Einführung in die allgemeine Verwendung von HTML-Meta-Tags

Dieses Mal werde ich Ihnen die allgemeine Verwendung von HTML-Meta-Tags vorstellen. Was sind die Vorsichtsmaßnahmen bei der Verwendung von HTML-Meta-Tags?

Was ist ein Mata-Tag?
Element kann Metainformationen über die Seite bereitstellen, wie z. B. Beschreibung und Schlüssel für die Suchmaschine und Aktualisierungshäufigkeit. Das -Tag befindet sich am Kopf des Dokuments und enthält keinen Inhalt. Das
-Attribut des -Tags definiert das mit dem Dokument verknüpfte Name/Wert-Paar. 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. Die Meta-Tag-Einstellung Schlüsselwörter

Grundlegende Syntax

<meta  name="keywords"   content="关键字1,关键字2,关键字3....">

Die Funktion des Schlüsselwort-Tags besteht darin, der Suchmaschine mitzuteilen, worum es im Inhalt der Website geht. Dies erleichtert der Suchmaschine das Definieren und Indexieren der Website. Schlüsselwörter werden bei der englischen Eingabemethode im Allgemeinen nicht länger als 100 Zeichen. Auf unserer Website geht es beispielsweise um das Lernen von Web Entwicklungstechnologie. Die Schlüsselwortbeschreibung kann wie folgt geschrieben werden:

Wenn Benutzer in Suchmaschinen nach diesen Schlüsselwörtern suchen, wird Ihre Website jedoch in den Ergebnissen angezeigt Früher waren Suchmaschinen (Baidu) anfällig für Keyword-Stuffing-Cheats.

<meta  name="keywords"   content="html教程,css教程,javascript教程">

Meta-Tag-Einstellungsbeschreibung

Grammatikformat:

Die Die Beschreibung der Webseite ist sehr wichtig und kann direkt in der Suchmaschine angezeigt werden. Öffnen Sie beispielsweise die Baidu-Website und suchen Sie nach „Sina“. Sie sehen die folgende Seite

<meta  name=“discription”  content=“描述的内容”>

Meta-Tag-Einstellung

Zeichensatz

Grammatikformat:

Gängige Kodierungsformate sind chinesische Kodierung (gbk2312) und internationale Kodierung (UTF-8), gbk2312 ist chinesische Kodierung, wenn der Inhalt Ihrer Website auf Chinesisch ist , gbk2312 UTF-8 ist universell für Texte rund um die internationale Kodierung (einschließlich Chinesisch und Englisch). Der Hauptunterschied besteht darin, dass gbk2312 speziell für Chinesisch entwickelt wurde und ein chinesisches Zeichen 2 Zeichen einnimmt belegt 3 Bytes. In der Anfangszeit waren die Netzwerkbandbreitenressourcen knapp, daher kann die Verwendung der gbk2312-Codierung Bandbreite sparen und die Geschwindigkeit beim Öffnen von Webseiten verbessern, aber jetzt beginnt unsere Heimbandbreite bei 4 MB und ignoriert die eingesparten Bytes vollständig.

<meta http-equiv =“content-type”  content=“text/html;    charset="编码格式”>

Beispiel:

Wenn wir im Internet surfen, sind die meisten von uns auf verstümmelte Seiten gestoßen. Das Kodierungsformat besteht darin, den Browser im festgelegten Bearbeitungsformat analysieren zu lassen Daher empfehle ich die Verwendung der universellen UTF-8-Kodierung, damit alle Browser auf der Welt beim Zugriff auf unsere Webseite normal angezeigt werden können.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >

Meta-Tag legt die automatische Aktualisierungszeit fest

Syntaxformat

Die Aktualisierungszeit beträgt beispielsweise nur Sekunden. Seiten, die auf diese Weise schnell aktualisiert werden, können einen automatischen Aktualisierungscode hinzufügen, um sicherzustellen, dass sie angezeigt werden Letzte Seite.

<meta http-equiv=“refresh”  content=“刷新间隔的时间”>

Beispiel:

Hier demonstrieren wir die Einstellung der Zeit auf 3 Sekunden, bitte testen Sie es selbst.

<meta http-equiv=“refresh”  content=“3”>

Meta-Tag-Einstellung springt automatisch zu einer neuen Seite

Grammatikformat

Beispiel:

<meta http-equiv=“refresh”  content=“跳转间隔的秒数；  Url="新网页地址”>

Wenn der Browser diese Seite öffnet, springt er nach 3 Sekunden automatisch zur Startseite unserer Website.

<meta http-equiv=“refresh”  content=“3；  Url="http://www.adminwang.com”>

Meta Tag-Einstellung deaktiviert das Caching

Syntaxformat

Wir wissen, dass Browser über einen Caching-Mechanismus verfügen, d. h. beim Öffnen einer Webseite wird diese automatisch lokal gespeichert Bei einem erneuten Besuch rufen Sie die Datei direkt im Cache auf, um die Zugriffsgeschwindigkeit zu verbessern. Bei Seiten, die sich häufig ändern, wie dem Forum, möchten wir jedoch nicht, dass der Browser die Cache-Datei speichert Sie können diesen Code auch in der Programmentwicklung hinzufügen. Um die Auswirkungen von Codeänderungen anzuzeigen, können Sie diesen Code verwenden:

<meta http-equiv="cache-control"  content="no-cache" />

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie diese Fälle gelesen haben. Für weitere spannende Dinge beachten Sie bitte andere verwandte Artikel auf der chinesischen Website!

<meta http-equiv="pragma" content="no-cache" >

Verwandte Lektüre:

Detaillierte Beispiele für die HTML-Textformatierung

Zusammenfassung häufig verwendeter Tags in HTML

So verwenden Sie strukturierte HTML-Webtabellen-Tags

Das obige ist der detaillierte Inhalt vonEinführung in die allgemeine Verwendung von HTML-Meta-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!