HTML Meta Tags


Advertisements

HTML können Sie Metadaten angeben - weitere wichtige Informationen über ein Dokument in einer Vielzahl von Möglichkeiten. Die META-Elemente können verwendet werden, um umfassen Name / Wert-Paare beschreiben Eigenschaften des HTML-Dokuments, wie Autor, Verfallstag, eine Liste von Schlüsselwörtern, Autor des Dokuments etc.

Die <meta> Tag wird verwendet, um solche zusätzlichen Informationen zu liefern. Dieser Tag ist ein leeres Element und so nicht über einen schließenden Tag, aber es trägt Informationen innerhalb seine Attributen.

Sie können umfassen eine oder mehrere Meta-Tags in Ihrem Dokument auf der Grundlage, welche Informationen Sie in Ihrem Dokument beibehalten möchten, aber im Allgemeinen sind, haben Meta-Tags keine Auswirkungen auf Aussehen des Dokuments, so für Aussehen Sicht, ist es egal, wenn du sie umfassen oder nicht.

Hinzufügen von Meta-Tags, um Ihre Dokumente

Sie können umfassen Metadaten, um Ihre Web-Seiten hinzufügen, indem Sie Platzierung <meta> Tags innen der Kopfzeile des Dokuments, die welche ist vertreten durch <head> und </head> tags. Eine Meta-Tag kann haben folgende Attribute zusätzlich zu Kernattribute:

AttributeBeschreibung
NameName für die Eigenschaft. Kann alles sein. Beispiele umfassen, Schlüsselwörter, Beschreibung, Autor, überarbeitet, Generator usw.
ContentGibt an den Eigenschaft ist Wert.
SchemaGibt ein Schema zu interpretieren zu die Unterkunft Wert (wie deklariert in der content-Attribut ).
http-equivWird für HTTP-Antwort-Header. Zum Beispiel http-equiv kann verwendet werden, um die Seite zu aktualisieren oder zu gesetzt werden ein Cookie . Werte umfassen Content-Type, abläuft, erfrischen und Set-Cookie.

Angeben von Keywords

Sie können verwendung <meta>Tag um anzugeben wichtige Stichworte verwandten um das Dokument und später diese Such werden von den Suchmaschinen verwendet werden, während die Indizierung Ihrer Website für die Suchen Zweck

Beispiel

Es folgt ein Beispiel, wo wir Hinzufügen von HTML-, Meta-Tags, Metadaten als wichtige Keywords über das Dokument.

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Hello HTML5!

Dokumentenbeschreibung

Sie können verwendung <meta> Tag, um eine kurze Beschreibung über das Dokument zu geben. Dies kann erneut verwendet durch verschiedene Suchmaschinen werden, während die Indizierung Ihrer Website für die Suche Zweck.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

Dokumentrevisionsdatum

Sie können verwendung<meta> Tag, um geben Informationen darüber, wann das letzte Mal das Dokument aktualisiert wurde. Diese Informationen können von verschiedenen Web-Browsern verwendet werden, während erfrischend Ihre Internetseite.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

Dokument erfrischende

ein <meta> Tag kann verwendet werden, um angeben eine Dauer, nach der Ihre Web-Seite wird halten erfrischende automatisch .

Beispiel

Wenn Sie möchten, dass Ihre Seite zu halten erfrischend nach alle 5 Sekunden, dann verwenden Sie die folgende Syntax.

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
<meta http-equiv="refresh" content="5" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

Seite Umleitung

Sie können verwendung<meta> Tag, um Ihre Seite zu einem anderen Web-Seite umzuleiten. Sie können auch haben eine Dauer, wenn Sie umgeleitet werden sollen die Seite nach einer bestimmten Anzahl von Sekunden .

Beispiel

Es folgt ein Beispiel für die Umleitung der aktuellen Seite zu einer anderen Seite nach 5 Sekunden. Wenn Sie zu Seite sofort umleiten wollen, dann nicht angeben Inhalt attribute.

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
<meta http-equiv="refresh" content="5" url=http://www.tutorialspoint.com" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

Cookies Einstellung

Cookies sind Daten, gespeichert in kleine Textdateien, die auf Ihrem Computer werden und es wird zwischen Web-Browser und Web-Server ausgetauscht werden, den Überblick über verschiedene infromation basierend auf Ihren Web-Anwendung brauchen halten.

Sie können verwendung <meta> Tag zum Speichern von Cookies auf Client-Seite und später diese Informationen können von der Web-Server verwendet, um einen Website Besucher zu verfolgen.

Beispiel

Es folgt ein Beispiel für die Umleitung der aktuellen Seite zu einer anderen Seite nach 5 Sekunden. Wenn Sie zu Seite sofort umleiten wollen, dann nicht angeben Inhalt attribute.

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Tutorialspoint, 3/7/2014" />
<meta http-equiv="cookie" content="userid=xyz; expires=Wednesday, 08-Aug-15 23:59:59 GMT;" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

Wenn Sie das Ablaufdatum und die Uhrzeit nicht enthalten, wird das Cookie betrachtet ein Session-Cookie und wird gelöscht , wenn der Benutzer den Browser verlässt.

Hinweis: Sie können überprüfen PHP und Cookies Tutorial für eine komplette Detail zu Cookies.

Einstellung Urheber-Name

Sie können einen Autorennamen in einer Web-Seite mit Meta-Tag gesetzt. Sehen Sie ein Beispiel unten:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta ame="author" content="Mahnaz Mohtashim" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

Geben Zeichensatz

Sie können verwendung <meta> Tag, um Zeichensatz innerhalb der Webseite benutzt wird.

Beispiel

Standardmäßig, Web-Server und Web-Browser verwenden, ISO-8859-1 (Latin1)-Codierung, um Web-Seiten zu verarbeiten. Es folgt ein Beispiel auf gesetzt UTF-8-Kodierung :

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta ame="author" content="Mahnaz Mohtashim" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

um die statische Seite mit der traditionellen chinesischen Zeichen dienen, muss die Webseite ein enthalten <meta> Tag, um set Big5-Kodierung

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta ame="author" content="Mahnaz Mohtashim" />
<meta http-equiv="Content-Type" content="text/html; charset=Big5" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Advertisements