Heim  >  Artikel  >  Web-Frontend  >  Eine Sammlung häufig verwendeter HTML-Meta-Tags

Eine Sammlung häufig verwendeter HTML-Meta-Tags

高洛峰
高洛峰Original
2017-02-14 16:11:161339Durchsuche

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" >


Wenn Benutzer in Suchmaschinen nach diesen Schlüsselwörtern suchen, wird Ihre Website jedoch in den Ergebnissen angezeigt, da viele Betrüger (Black Hat SEO) in der Die frühen Tage waren für Keyword-Stuffing-Cheats förderlich, heute reagiert die Suchmaschine (Baidu) nicht mehr so ​​empfindlich auf Schlüsselwörter.

Meta-Tag-Einstellungsbeschreibung
Grammatikformat:


XML/HTML-CodeInhalt in die Zwischenablage kopieren


< ;meta name=“discription“ content=“description content“>


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“, um die folgende Seite anzuzeigen

Meta-Tag-Einstellungszeichensatz
Grammatikformat:


XML/HTML-CodeInhalt in die Zwischenablage kopieren


<meta http-equiv = „content-type“ content="text/html; charset="Codierungsformat">


Zu den gängigen Codierungsformaten gehört Chinesisch Kodierung (gbk2312) und internationale Kodierung (UTF-8), gbk2312 Es ist eine chinesische Kodierung. Wenn der Inhalt Ihrer Website ausschließlich auf Chinesisch ist, verwenden Sie gbk2312, eine universelle Kodierung für Texte auf der ganzen Welt (einschließlich Chinesisch und Englisch). Der Hauptunterschied zwischen ihnen besteht darin, dass gbk2312 speziell für Chinesisch entwickelt wurde und ein chinesisches Zeichen 2 Zeichen belegt. In den frühen Tagen waren die Netzwerkbandbreitenressourcen knapp, weshalb gbk2312 verwendet wurde Die Codierung kann Bandbreite sparen und die Öffnungsgeschwindigkeit von Webseiten verbessern, aber jetzt beträgt unsere Heimbandbreite 4 MB oder mehr und ignoriert die Einsparungen vollständig.

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

Inhalt in die Zwischenablage kopieren

<

meta

http-equiv=“refresh“ content=“3“>

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


Meta-Tag-Einstellung springt automatisch zu einer neuen Seite

Syntaxformat


XML/HTML-Code

Inhalt in die Zwischenablage kopieren

<

meta

http-equiv="refresh" content="Die Anzahl der Sekunden zwischen Sprüngen; URL ="Neue Webseite Adresse">

Beispiel:


XML/HTML-Code

Inhalt in die Zwischenablage kopieren

<

meta

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 Website


Meta-Tag-Einstellung ist deaktiviert. Cache

Syntaxformat


XML/HTML-Code

Inhalt in die Zwischenablage kopieren

<

meta

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:



XML/HTML-Code


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!

Stellungnahme:
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