Einführung in Meta Tag in HTML
Ein Meta-Tag in HTML wird verwendet, um Daten zu Ihrer Webseite oder Ihrem HTML-Dokument zu definieren. Mit Hilfe eines Meta-Tags kann die Beschreibung des Dokuments definiert werden, seine Autoreninformationen zum Zeitpunkt der letzten Aktualisierung, anhand derer es detaillierte Eigenschaften des HTML-Dokuments angibt. Das Meta-Tag wird innerhalb des HTML-Tags definiert, das zum Teil enthalten ist. Für die Webdesigner ist es am nützlichsten, den tatsächlichen Anzeigeteil der Webseite anzuzeigen. Die Steuerung des gesamten Ansichtsfensters erfolgt über Meta-Tags in HTML 5. Das Meta-Tag wird von den meisten Browsern für viele nützliche Funktionen wie das Aktualisieren von Seiten, das Anzeigen von Webseiteninhalten und die von ihnen verwendeten Webdienste verwendet.
Syntax
Das im head-Abschnitt verwendete Meta-Tag lautet wie folgt:
In der obigen Syntax heißt es, dass charset = ”utf-8” die beste Unterstützung für die Anzeige aller Arten von Sprachen bietet.
Hier ist eine andere Syntax für Meta-Tags mit einem bestimmten Wert:
Es wird verwendet, um die Größe des Ansichtsfensters mit all seinen Seitenabmessungswerten und dem Bildlauf zu verarbeiten, damit unsere Webseite perfekt in jede Art von Gerät passt.
Liste der Meta-Tags in HTML
Es gibt verschiedene Arten von Meta-Tags, die in HTML verwendet werden. Schauen wir uns eines nach dem anderen an:
1. Dies ist ein sehr einfaches Meta-Tag, mit dem jede Art von Sprache definiert wird.
2. Es wird verwendet, um die Beschreibung Ihres Inhalts mit bis zu 150 Wörtern zu definieren.
3. Es wird verwendet, um alle Urheberrechte der definierten Firma zu bewahren.
4. Es wird verwendet, um die Zusammenfassung einer bestimmten Webseite zu definieren.
5. Es wird verwendet, um den Autor Ihres HTML-Dokuments zu definieren.
6. Es wird verwendet, um die URL-Adresse einer bestimmten Firma zu definieren, die im Tag-Attribut definiert ist.
7. Es wird verwendet, um Bewertungen zu verarbeiten, die in unserem Dokument enthalten sind.
8. Wenn wir Untertitel für unsere HTML-Dokumente definieren möchten, ist dies mit diesem Tag möglich.
9. Es wird verwendet, um unsere Webseite zu der festgelegten Spam-Zeit zu aktualisieren.
10. Es wird verwendet, um unser Dokument nach dem definierten Entitätswert zu klassifizieren.
11. Mit diesem Tag werden einige Schlüsselwörter im Meta-Tag angegeben, sodass Sie diesen Inhalt problemlos in unserem Dokument durchsuchen können.
12. Dieses Tag wird verwendet, um eine Zusammenfassung unseres Dokuments zu definieren.
Funktionieren des Meta-Tags in HTML
Meta-Tags in HTML werden hauptsächlich verwendet, um maschinenlesbare Informationen in unser Webseitendokument aufzunehmen, die auf der Webseite eigentlich unsichtbar sind. Eine weitere wichtige Funktion dieses Tags in HTML ist, dass mit Hilfe dieses Tags mithilfe dieser Meta-Tag-Funktion problemlos auf die andere Webseite umgeleitet werden kann.
Es gibt einige Attributlisten, auf denen Meta-Tags funktionieren:
1. Inhalt: Der Inhalt des Meta-Tags entspricht dem Wert des enthaltenen Meta-Tags.
2. Name: Name fungiert als Eigenschaft für das Meta-Tag. Es kommt in Form von Details, Eigentümer, Schlüsselwörtern usw.
3. http-equiv: Dieses Attribut wird zum Definieren der Kopfzeilendetails im Dokument verwendet.
4. Zeichensatz: Dies ist das Hauptattribut im Meta-Tag, mit dem die Zeichenkodierung für Deklarationszwecke in seinem Dokument definiert wird.
5. Schema: Mit diesem Attribut wird das Schema definiert, in dem das eigentliche Meta-Tag verwendet werden soll. Dieser Attributtyp wird in HTML5 jedoch nicht unterstützt.
Beispiele für Meta-Tags in HTML
Schauen wir uns einige Beispiele an
Beispiel 1
Wir werden das Meta-Tag verwenden und es wird vom Computersystem gelesen, kann aber für die Besucher der Webseite nichts sehen.
HTML Quelltext:
Ausgabe: Es wird ein leerer Bildschirm als Ausgabe angezeigt.
Beispiel # 2
In diesem Beispiel verwenden wir verschiedene Arten von Meta-Tags und zeigen die Ausgabe an. Die Webseite wird zu jedem bestimmten Zeitpunkt aktualisiert und speichert Cookies für Ihre Seite, wobei auch das Ablaufdatum angegeben wird.
HTML Quelltext:
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
EDUCBA- Alles über Online-Zertifizierungskurse
Lernen Sie Grafikdesign, Animation, Spieleentwicklung, Videobearbeitung und mehr mit unseren Online-Zertifizierungskursen
Wählen Sie Ihren Interessenbereich und lassen Sie sich mit unseren Online-Kursen in den Bereichen Finanzen, Data Science, Software-Entwicklung, Excel, Design, Projektmanagement, Personalentwicklung, Marketing und Personalwesen zertifizieren.
Ausgabe: Die in der Ausgabe angezeigte Webseite wird alle 5 Sekunden aktualisiert.
Beispiel # 3
Sehen wir uns ein weiteres Beispiel für die Verwendung von Meta-Tags an, das das gleiche wie oben zeigt, aber nach dem Aktualisieren der Webseite zu einer anderen Webseite umleitet, welche URLs im Meta-Tag erwähnt werden, wie im folgenden HTML-Code gezeigt:
HTML Quelltext:
Meta Tags in HTML 5
Meta Tags in HTML 5
EDUCBA- Alles über Online-Zertifizierungskurse
Ausgabe:
Fazit
Daher wird ein Meta-Tag in HTML verwendet, um Metadaten zu HTML-Dokumenten zu definieren. Der darin enthaltene Code ist ein maschinenlesbares Format, das mit einer Webseite gut funktioniert, den Besuchern jedoch keinen Inhalt auf der Seite anzeigt. Meta-Tag mit 3 verschiedenen Attributtypen, z. B. globale, elementspezifische und Event-Handler-Attribute.
Empfohlene Artikel
Dies ist eine Anleitung zum Meta-Tag in HTML. Hier diskutieren wir die Liste der verschiedenen Arten von Meta-Tags, die in HTML verwendet werden, zusammen mit den Beispielen. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren -
- HTML-Frames
- HTML-Layout
- HTML-Stilattribut
- HTML-Formularelemente