Heim  >  Artikel  >  Web-Frontend  >  Einführung in HTML-Head-Tag-Elemente (Webseiten-Head-Tag) und vollständige Anwendungsbeispiele

Einführung in HTML-Head-Tag-Elemente (Webseiten-Head-Tag) und vollständige Anwendungsbeispiele

寻∝梦
寻∝梦Original
2018-08-25 10:15:577092Durchsuche

In diesem Artikel werden die verschiedenen Komponenten des HTML-Kopfes vorgestellt, einschließlich einiger allgemeiner Tags, die im HTML-Kopf verwendet werden. Später wird die Verwendung dieser Tags für Internetnutzer auf der chinesischen PHP-Website anhand von Beispielen demonstriert und eine vollständige Falldarstellung angezeigt . Der Header-Code einer Webseite.

Definition und Verwendung des HTML-Head-Tags:

93f0f5c25f18dab9d176bd4f6de5d30e-Tag wird verwendet, um den Head des Dokuments zu definieren, der ein Container für alle Head-Elemente ist. Elemente in 93f0f5c25f18dab9d176bd4f6de5d30e können auf Skripte verweisen, dem Browser mitteilen, wo er Stylesheets finden soll, Metainformationen bereitstellen und mehr.

Der Kopf des Dokuments beschreibt verschiedene Attribute und Informationen des Dokuments, einschließlich des Titels des Dokuments, seiner Position im Web und seiner Beziehung zu anderen Dokumenten. Die in der Kopfzeile der meisten Dokumente enthaltenen Daten werden dem Leser nicht tatsächlich als Inhalt angezeigt.

Die folgenden Tags können im Kopfbereich verwendet werden: dde6fb694e6711ae5e6f381704c04ae4, 2cdf5bf648cf2f33323966d7f58a7f3f, e8e496c15ba93d81f6ea4fe5f55a2244, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89 und b2386ffb911b14667cb8f0f91ea547a7.

b2386ffb911b14667cb8f0f91ea547a7 definiert den Titel des Dokuments und ist das einzige erforderliche Element im Kopfbereich.

Tipp: Das 93f0f5c25f18dab9d176bd4f6de5d30e-Tag sollte am Anfang des Dokuments platziert werden, direkt nach 100db36a723c770d327fc0aef2ce13b1

Tipp: Denken Sie daran, Ihrem Dokument immer einen Titel zu geben!

HTML93f0f5c25f18dab9d176bd4f6de5d30e-Tag-Beispiel

Ein einfaches HTML-Dokument mit den grundlegendsten erforderlichen Elementen:

<html>
<head>
  <title>文档的标题</title>
</head>
<body>
  文档的内容... ...
</body>
</html>

html Optionale Attribute des Head-Tag:

Profil: URL: Eine durch Leerzeichen getrennte Liste von URLs, die Metadateninformationen zur Seite enthalten.

Der Hauptinhalt des HTML-Head-Tags:

93f0f5c25f18dab9d176bd4f6de5d30e wird verwendet, um den Head des Dokuments zu definieren, der ein Container für alle Head-Elemente ist . Elemente in 93f0f5c25f18dab9d176bd4f6de5d30e können auf Skripte verweisen, dem Browser mitteilen, wo er Stylesheets finden soll, Metainformationen bereitstellen und mehr. Die Kopfzeile des Dokuments beschreibt verschiedene Attribute und Informationen des Dokuments, einschließlich des Titels des Dokuments, der Position im Web und der Beziehung zu anderen Dokumenten. Die in der Kopfzeile der meisten Dokumente enthaltenen Daten werden dem Leser nicht tatsächlich als Inhalt angezeigt.

head befindet sich am Kopf der HTML-Webseite, das Tag nach 100db36a723c770d327fc0aef2ce13b1 und ist ein HTML-Tag, das mit 93f0f5c25f18dab9d176bd4f6de5d30e beginnt und mit 032d04202eca0225306d94e10d662c2c.

Verwendungsbeispiele für HTML-Head-Tags:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>认识head标签</title>
    </head>
    <body>
        <h1>欢迎来到PHP中文网</h1>
    </body>
</html>

Der Kopf des Dokuments beschreibt verschiedene Attribute und Informationen des Dokuments, einschließlich des Titels des Dokuments. usw. Die in der Kopfzeile der meisten Dokumente enthaltenen Daten werden dem Leser nicht tatsächlich als Inhalt angezeigt.

b2386ffb911b14667cb8f0f91ea547a7-Tag: Der Textinhalt zwischen den Tags b2386ffb911b14667cb8f0f91ea547a7 ist die Titelinformation der Webseite, die in der Titelleiste des Browsers angezeigt wird. Der Titel-Tag einer Webseite wird verwendet, um Benutzern und Suchmaschinen mitzuteilen, was der Hauptinhalt der Webseite ist. Suchmaschinen können anhand des Titels der Webseite schnell das Thema der Webseite ermitteln. Der Inhalt jeder Webseite ist unterschiedlich und jede Webseite sollte einen eindeutigen Titel haben.

Beispiel für Title-Tag im HTML-Head-Tag:

<head>
    <title>hello world</title>
</head>

Im HTML-Head-Tag enthaltene Elemente:

title , base , Link, Meta, Skript, Stil und andere gängige Tags.

Erklärung der im HTML-Head-Tag enthaltenen Elemente:

  • Titel ist der einzige Titel-Tag der Webseite – Titel-Tag

  • base ist die Standardmethode zum Öffnen einer Webseite. Das Deklarations-Tag base

  • link ist ein Link-Tag, einschließlich externer CSS-Dateireferenzen und JS-Dateien Referenzen, favicon.ico-Symbolreferenzen usw. Link-Einführung

  • Meta enthält eine breite Palette von Inhalts-Tags, wie z. B. Webseiten-Schlüsselwörter, Webseiten-Einleitung, Autor, Webseiten-Kodierung, Roboter , automatischer Sprung und andere Deklarations- und Beschreibungs-Tags. Die Einführung in das Meta-Skript

  • besteht darin, die externe JS-Dateifunktion

  • einzuführen, um JS- oder CSS-Datei-Tags direkt in Webseiten einzubetten.

Browser-Unterstützung

Alle Browser unterstützen das 93f0f5c25f18dab9d176bd4f6de5d30e-Tag.

[Empfehlungen des Herausgebers]

Was ist das Farbattribut des HTML-Font-Tags? Einführung in die Verwendung von Schriftfarbe (mit Farbcodetabelle)

Welche Rolle spielt das HTML5-Details-Tag? 25550ffaebd901e0762017a3c9bbf10cEinführung in die Verwendung von Tags (mit Anwendungsbeispielen)

Das obige ist der detaillierte Inhalt vonEinführung in HTML-Head-Tag-Elemente (Webseiten-Head-Tag) und vollständige Anwendungsbeispiele. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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