In diesem Artikel erfahren Sie, was das Head-Tag in HTML ist und welche Elemente im Head-Tag enthalten sind. Nachdem Sie diesen Artikel gelesen haben, werden Sie das Head-Tag in HTML besser verstehen. In diesem Artikel wird eine einfache Methode verwendet, damit jeder versteht, wie man diese Tags verwendet. Wenn Sie es gut kennen, können Sie diesen Artikel jetzt gemeinsam lesen.

Zunächst einmal. Was müssen wir wissen? Es ist das Head-Tag in HTML:

Das Head-Tag wirkt auf den Kopf der Webseite und sein Inhalt wird nicht im Hauptteil angezeigt.

Elemente im HTML-Head-Tag:

Um das Head-Tag zu lernen, müssen Sie nur die darin enthaltenen Elemente verstehen. Tatsächlich gibt es viele Tags im Head Verwenden Sie das Tag

und

Als Erstes fällt mir definitiv das Tag ein: Das Tag <p> definiert den Titel der Webseite und ist auch ein Muss, wenn Sie dies nicht tun Schreiben Sie es, die Webseite fügt automatisch einen für Sie hinzu. Der Titel ist auf einer normalen Webseite zu sehen. Das folgende Bild zeigt den Code für die Verwendung des Head-Tags im gesamten HTML: (Eine detaillierte Erklärung wird später gegeben.) ><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> <meta name="keywords" content="PHP,PHP中文网"> <meta name="description" content="网页描述的内容，这有不少字的，在搜索页面呈现的"> <meta http-equiv="refresh" content="5;//m.sbmmt.com"> </head> <body> hello world </body> </html></pre><div class="contentsignin">Nach dem Login kopieren</div></div><strong>Rendering: </strong></p><p></p><p>Dies ist der Effekt des Titel-Tags, der den Titel anzeigt. </p><p><img src="https://img.php.cn//upload/image/172/278/695/1535184665914726.png" title="1535184665914726.png" alt="Was bedeutet das Head-Tag in HTML? In einem Artikel erfahren Sie, wie Sie das Head-Tag richtig verwenden"/>Im zweiten geht es um das <meta>-Tag: </p><p></p>Dieses Tag hat die folgenden vier Verwendungszwecke: <p><strong>1 ; Das Tag wird in der ersten Zeile des Head-Tags angezeigt. Es wird verwendet, um die Codierung des Webdokuments festzulegen </strong> und dem aktuellen Browser mitzuteilen, um welche Codierungsmethode es sich handelt, um zu verhindern, dass der Browser verstümmelte Zeichen enthält. </p><p>So wird es verwendet: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta charset="utf-8"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Dies ist die Spezifikation von HTML5, <strong></strong>Die Spezifikation von HTML4.01 lautet wie folgt: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p> 2. Beim <mate>-Tag geht es um das </p> Festlegen von Schlüsselwörtern <p> auf Webseiten und ist speziell für die Bereitstellung von Diensten für Suchmaschinen konzipiert. </p><p>Verwendung: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="keywords" content="PHP,PHP中文网"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p> Beschreibung: name="keywords" ist eine feste Schreibmethode. Die Schlüsselwörter werden später im Attributwert des Inhaltsattributs festgelegt, getrennt durch Kommas. <strong></strong>3.</p>Dieser <mate>-Tag wird zur Beschreibung der Website verwendet <p> Wenn hier eine entsprechende Beschreibung geschrieben wird, werden die Informationen in der Einleitung der Website angezeigt . </p><p>Die Verwendung dafür ist: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="description" content="网页描述的内容，这有不少字的，在搜索页面呈现的"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Es ist nicht einfach anzuzeigen, bitte zeigen Sie mir ein Bild<strong></strong></p><p></p>Der dort eingestellte Text Wird bei Suchanfragen als Text in diesem Feld angezeigt. <p></p>4. Das letzte <mate>-Tag definiert die <p>Website-Umleitung<img src="https://img.php.cn//upload/image/801/962/237/1535184715501457.png" title="1535184715501457.png" alt="Was bedeutet das Head-Tag in HTML? In einem Artikel erfahren Sie, wie Sie das Head-Tag richtig verwenden"/>. </p><p>Verwendung: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="refresh" content="5;//m.sbmmt.com"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Im Inhaltsattribut sind zwei durch Semikolons getrennte Parameter geschrieben, was bedeutet, dass nach 5 Sekunden zur Ziel-URL-Seite gesprungen wird. <strong></strong></p>Der dritte Punkt besteht darin, über das <base>-Tag im Head-Tag in HTML zu sprechen: <p></p><p>Das Base-Tag im Head-Tag von HTML definiert, wie Der Link im Fenster wird geöffnet. Solange dies im Header der Webseite festgelegt ist, muss diese Webseite dieses Zielattribut nicht zum Hyperlink hinzufügen. </p><p><base target=_blank> bedeutet, dass die Zieladressen aller Hyperlinks auf der Webseite in einem neuen Fenster geöffnet werden (dieses Attribut wird in jedem Link durch das Zielattribut überschrieben). <strong></strong> </p>Stellen Sie Ihnen die beiden Attributwerte des Zielattributs des Basis-Tags vor: <p></p><p></p><p>_blank: Öffnen Sie die Ziel-URL in einem neuen Fenster <strong></strong></p> <ul class=" list-paddingleft-2" style="max-width:90%">_self: Öffnen Sie die Ziel-URL im Originalfenster (Browser-Standard) <li><p></p></li>Wenn das Zielattribut nicht festgelegt ist, klicken Sie auf die URL springt direkt zur Ziel-URL der Original-URL. Sie möchten sie auf das Gleiche wie _self setzen. <li><p>Das andere ist das </p>href-Attribut</li>, das zum Festlegen der URL verwendet wird. Wenn Sie mit diesem Attribut auf diese URL klicken, wird die Ziel-URL in ein neues Fenster eingegeben. </ul><p>Dies wird im Allgemeinen verwendet: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><base href="//m.sbmmt.com" target="_blank"/></pre><div class="contentsignin">Nach dem Login kopieren</div></div></p> <p><strong>Tatsächlich gibt es drei Elemente </strong>, aber wir lernen gerade erst HTML, daher besteht keine Notwendigkeit, diese drei zu kennen. Wissen Sie es einfach, sie sind alle geschrieben Geben Sie im Head-Tag eine kurze Einführung </p> <p></p> <p><style> Dies ist der auf dieser Webseite geschriebene CSS-Code<strong></style></p> <ul class=" list-paddingleft-2" style="list-style-type: disc;">< ;link> Dies wird verwendet, um auf einen CSS-Code zu verlinken (jeder sollte wissen, dass CSS nicht auf einer Seite geschrieben werden muss) <li><p></p></li> <script> Dies wird verwendet, um eine Verknüpfung zur aktuellen Seite herzustellen. Ein Stück JavaScript-Code wird in die Webseite eingefügt. <li><p>Okay, jetzt bin ich fast mit der Einführung des häufig verwendeten Head-Tags fertig. Nachdem Sie dies gelesen haben, sollten Sie in der Lage sein, das Head-Tag in HTML korrekt zu verwenden. Wenn Sie Fragen haben, stellen Sie diese bitte unten<li><p>[relevante Empfehlungen des Herausgebers]<p><a href="//m.sbmmt.com/php-weizijiaocheng-409071.html" target="_blank">Sollten Hacker PHP oder Python lernen? Rationale Analyse von zehn Unterschieden zwischen PHP und Python <br/><p><a href="//m.sbmmt.com/html5-tutorial-408225.html" target="_blank">Was ist eine HTML-Datei? Ein vorläufiges Verständnis von HTML-Dateien<br/></script> </ul>

Das obige ist der detaillierte Inhalt vonWas bedeutet das Head-Tag in HTML? In einem Artikel erfahren Sie, wie Sie das Head-Tag richtig verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!