Heim Web-Frontend H5-Tutorial Was sind die drei Elemente von Meta-Tags in HTML5? Zusammenfassung der Verwendung von Meta-Tags

Was sind die drei Elemente von Meta-Tags in HTML5? Zusammenfassung der Verwendung von Meta-Tags

Aug 30, 2018 pm 03:05 PM
html meta name

Dieser Artikel informiert Sie hauptsächlich über die drei Elemente des HTML-Meta-Tags und stellt eine Einführung in die Zusammensetzung und Verwendung der drei Attribute dar. Es enthält viele wichtige Attributwerte, die sehr nützlich sind Schauen wir uns nun gemeinsam diesen Artikel an

Zuerst müssen wir wissen, was die drei Elemente von Meta-Tags sind.

1. Erforderliches Attribut: Inhaltsattribut. Dieses Attribut wird verwendet, um Metainformationen im Zusammenhang mit dem http-equiv- oder Namensattribut zu definieren. Der Inhalt wird verwendet, um Suchrobotern das Auffinden und Klassifizieren von Informationen zu erleichtern.

2. Optionale Attribute: Namensattribut Dieses Attribut wird hauptsächlich zur Beschreibung von Webseiten verwendet. Der Wert des Namensattributs kann sein: Autor, Beschreibung, Schlüsselwort, Generator usw.

3. Optionales Attribut: http-equiv-Attribut. Dieses Attribut entspricht der HTTP-Header-Datei und kann einige nützliche Informationen an den Browser zurückgeben, um die korrekte und genaue Anzeige des Inhalts zu unterstützen. Der Wert des http-equiv-Attributs kann Inhaltstyp, Ablaufdatum, Aktualisierung usw. umfassen.

Diese drei Attribute bilden die drei Elemente des HTML5-Meta-Tags.

Lassen Sie uns nun einen Blick auf die spezifische Verwendung dieser Attribute werfen:

Wenn Sie jedoch eine Website öffnen, wird im Head-Tag eine Spalte mit Meta-Tags angezeigt .

Meta wird häufig verwendet, um Seitenbeschreibungen, Schlüsselwörter, das Datum der letzten Änderung und andere Metadaten zu definieren. Diese Metadaten dienen Browsern (wie die Seite angeordnet oder neu geladen wird), Suchmaschinen und anderen Webdiensten.

Meta-Tag hat zwei Attribute, nämlich das http-equiv-Attribut und das Namensattribut

Das Namensattribut des HTML5-Meta-Tags:

Name-Attribut ist das main Wird zur Beschreibung von Webseiten verwendet, z. B. mit Schlüsselwörtern, Erzählungen usw. Der entsprechende Attributwert ist Inhalt. Der Inhalt im Inhalt ist eine spezifische Beschreibung des Namenseingabetyps, der für Suchmaschinen bequem zu crawlen ist. Das Syntaxformat des Namensattributs im Meta-Tag lautet:

<meta name="参数"content="具体的描述">。
Nach dem Login kopieren

Das Namensattribut ist der wichtigste Parameter.

Die Wertschlüsselwörter (Schlüsselwörter) des Namensattributs des HTML5-Meta-Tags:

Beschreibung: Wird verwendet, um Suchmaschinen die Schlüsselwörter Ihrer Webseite mitzuteilen. Beispiel:

<meta name="keywords"content="Lxxyx,博客,文科生,前端">
Nach dem Login kopieren

Der Wert des Namensattributs der HTML5-Meta-Tag-Beschreibung (Beschreibung des Website-Inhalts):

Beschreibung: Wird verwendet, um Suchmaschinen den Hauptinhalt mitzuteilen Ihrer Website. Beispiel:

<meta name="description"content="PHP中文网,编程学习的网站,在线视频教程">
Nach dem Login kopieren

Der Wert des Namensattributs des HTML5-Meta-Tags Autor (Autor):

Beispiel für die Kennzeichnung des Autors der Webseite:

<meta name="author"content="PHP中文网">
Nach dem Login kopieren

http-equiv-Attribut des HTML5-Meta-Tags:

http-equiv entspricht, wie der Name schon sagt, der Datei-Header-Funktion von http.

entspricht der Funktion von HTTP, z. B. der Definition einiger HTTP-Parameter usw.

Das Syntaxformat des http-equiv-Attributs im Meta-Tag lautet:

<meta http-equiv="参数" content="具体的描述">
Nach dem Login kopieren

Das http-equiv-Attribut spricht über einen der Parameter:

content-Type (Festlegen des Webseiten-Zeichensatzes) (empfohlen wird die Verwendung der HTML5-Methode)

Beschreibung: Wird zum Festlegen des Webseiten-Zeichensatzes verwendet, um das Parsen und Rendern der Seite im Browser zu erleichtern. Beispiel:

//Altes HTML, nicht empfohlen

< meta charset="utf- 8"> //HTML5s Methode zum Festlegen des Zeichensatzes von Webseiten. Es wird empfohlen, UTF-8 zu verwenden. Das ist alles . Deshalb habe ich nur nach einigen häufig verwendeten Eigenschaften gesucht und Eigenschaften, die im Grunde genommen aufgegeben wurden, wie z. B. Window-Target, und sie nicht hinzugefügt.

Die Rolle des HTML5-Meta-Tags:

Das META-Tag ist ein Schlüsseltag im HEAD-Bereich von HTML-Tags und stellt grundlegende Informationen wie Dokumentzeichensatz, Sprache, Autor usw. Die größte Rolle beim Festlegen von Schlüsselwörtern und Webseitenebenen besteht in der Suchmaschinenoptimierung (SEO).


[Empfehlung des Herausgebers]

Ist das HTML-P-Tag ein einzelnes Tag? Einführung in die Verwendung von HTML-P-Tags (mit Beispielen)


Wie erstelle ich ein mehrzeiliges Texteingabefeld im Eingabeformular? In einem Artikel erfahren Sie, wie Sie das Eingabe-Tag

verwenden

Das obige ist der detaillierte Inhalt vonWas sind die drei Elemente von Meta-Tags in HTML5? Zusammenfassung der Verwendung von Meta-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles