Kopfschild erklärt | Metadaten in HTML

Der markieren Html Bestimmt den Kopfabschnitt eines Dokuments und es fungiert als Container. Ein Container, der die Metadaten der HTML -Datei enthält/enthält. Das Wichtigste an der Tag ist, dass der Großteil der Dinge, die in die gehen Das Tag ist versteckt, wenn wir eine Seite laden, da sie die Informationen zur Seite wie Seitentitel, den Pfad der Stylesheets, Skriptdateien und Metadaten enthält.

Jetzt müssen Sie neugierig sein, was Metadaten sind? Und was bedeutet Metadaten der HTML -Datei? Der Begriff Metadaten bezieht sich auf „Daten über Daten“ und Metadaten der HTML -Datei Tag von jedem Html Dokument wie Schild, Tag und Tag usw.

Dieser Artikel erklärt, was die HTML ist Schild? Und was können wir im Inneren tun? Schild?

Tag in HTML

Der Tag befindet sich zwischen den Tag und Schild. Es bestimmt den Header eines HTML -Dokuments und enthält die Eigenschaften des Dokuments wie Titel, Meta -Tags, externe Links usw. Jetzt werden wir verschiedene Elemente diskutieren, die wir in der schreiben können Tag eins nach dem anderen Tag.

Tag in HTML

Der Bestimmt den Titel eines HTML -Dokuments und muss Text sein. Schreiben Sie den Titel einer Seite mit Bedacht, da es in Bezug auf die Optimierung der Suchmaschine sehr wichtig ist.

Wir erstellen ein sehr einfaches HTML -Dokument und alles wird in das Eröffnungs -Tag geschrieben sein und Schließetikett .

Head Tag für Anfänger erklärt

Innerhalb der Tag schreiben wir den Titel für unsere Html Dokument und innerhalb der Tag schreiben wir auch Inhalte. Es wird die folgende Ausgabe angezeigt:

Wenn wir dieses Dokument ausführen Das Tag wird nicht im Dokument angezeigt, sondern fügt den Titel der Symbolleiste des Browsers wie im oben gegebenen Snippet hinzu. Während was auch immer wir in die schreiben Tag im Dokument angezeigt.

Wir sind mit dem fertig Tag und jetzt werden wir sehen, wie wir uns einer externen Ressource unter Verwendung eines Elements dessen nähern können Schild.

Tag in HTML

Der Tag bietet ein sehr nützliches Tag Dies erstellt Links des aktuellen Dokuments mit einer beliebigen externen Ressource.

Tag nimmt zwei Parameter vor:

• "Rel" zur Definition des Beziehungstyps.
• "HREF" zur Erwähnung des externen Ressourcenortes.

Betrachten wir ein Beispiel, in dem wir zwei Dokumente erstellen und dann sie mit dem verknüpfen Schild.

Erstens haben wir eine geschaffen "CSS" Datei und einen einfachen Code hinzugefügt

.Stil
Farbe Rot;

Jetzt werden wir eine erstellen Html Datei und wir werden die hinzufügen Element in der Schild:

Head Tag für Anfänger erklärt

Der obige Code erstellt die Tag in der Tag und es hält den Pfad der CSS -Datei in seinem Attribut "Href" während "Rel" Attribut bestimmt, dass es sich um ein Stylesheet handelt.

Um nun ein HTML -Element aus der CSS -Datei zu stylen, geben wir dem Klassennamen der

Element, damit wir darauf zugreifen und ihm ein gewisses Styling aus der CSS -Datei geben, um zu überprüfen, ob die verknüpfte Datei ordnungsgemäß funktioniert oder nicht.

Die Ausgabe wird so verlaufen:

Die Ausgabe überprüft, dass die Tag implementierte den Einfluss der "CSS" Datei auf dem aktuellen HTML -Dokument.

Tag in HTML

Der Element wird verwendet, um einen Stil für die HTML -Seite festzulegen. Das untergegebene Beispiel beschreibt die Arbeit von Element:

Head Tag für Anfänger erklärt

Der obige Code verwendete a Tag zum Implementieren der Royalblue-Farbe auf dem Hintergrund und der roten Farbe im Text. Die Ausgabe dieses Codes sieht so aus:

Es ist keine gute Praxis, das gesamte Styling im Kopf -Tag zu schreiben. Schreiben Sie entweder das Style -Tag am Ende der HTML -Datei, bevor Sie das Tag schließen, oder erstellen Sie eine separate CSS -Datei und importieren Sie sie.

Tag in HTML

Wir können das Skript -Tag auch im Head -Tag verwenden. Der Tag wird verwendet, um den JavaScript -Code zu schreiben. Das folgende Beispiel erstellte eine Funktion mit dem Tag in der während eine Schaltfläche in der erstellt wird .

Head Tag für Anfänger erklärt

Schalten

Bei erfolgreicher Ausführung des Code erhalten wir die folgende Ausgabe:

Wenn wir auf die Schaltfläche klicken, werden die Ausgabe von "Head -Tag für Anfänger erklärt" auf "Skriptelement" gewechselt, wie im folgenden Snippet gezeigt:

Tag in HTML

Im HTML -Dokument wird verwendet, um Seitenbeschreibung, Zeichensatz usw. zu definieren. Es wäre nicht auf der Seite sichtbar, aber Browser, Suchmaschinen nutzten es, um die zusätzlichen Informationen zum Dokument zu verstehen.

Wir können viel mehr Funktionen mit dem ausführen Element. Zum Beispiel die Seite nach alle 30 Sekunden aufbauen, die Schlüsselwörter usw. bereitstellen.

Abschluss

Das Head -Tag ist ein Container, der Informationen über die Webseite, Meta -Beschreibungen und Links zu externen Ressourcen enthält. Alles, was es braucht, würde nicht im Browser erscheinen.

In diesem Artikel haben wir gelernt, was HTML-Tag ist? und warum es für HTML -Dokumente unerlässlich ist. Danach diskutierten wir die Hauptelemente der Tag zusammen mit ihren Funktionen.