Das HTML-Tag </pre> definiert den Titel einer Webseite. Dieser Titel erscheint in der Browser-Registerkartenleiste und wenn Sie eine Seite zu Ihrer Favoritenliste hinzufügen. Alle Webseiten müssen ein <pre class="prettyprint"><title></pre>-Tag enthalten.</em></p><p>Wenn Sie eine Webseite erstellen, müssen Sie einen Titel für diese Webseite angeben. Angenommen, Sie erstellen eine Homepage für die Website einer örtlichen Bäckerei. Vielleicht möchten Sie, dass der Name der Bäckerei als Titel der Webseite erscheint.</p><p>Hier kommt das HTML-Tag <em><pre class="prettyprint"><title></pre></em> ins Spiel Das <em>-Tag Das <pre class="prettyprint"><title></pre></em>-Tag definiert den Titel eines Dokuments in HTML und wird im Head-Bereich einer Webseite platziert. Dieses Tutorial behandelt anhand eines Beispiels die Bedeutung des Tags <em><pre class="prettyprint"><title></pre></em> und wie Sie es in Ihrem Code verwenden können.</p><h2> HTML Head Refresher</h2><p>In HTML wird das Element <em><head></em> verwendet, um Header-Elemente zu speichern. Diese Elemente stellen zusätzliche Informationen über eine Webseite bereit, z. B. das Symbol, das für die Webseite angezeigt werden soll.</p><p>Zusammen beschreiben die Elemente des Abschnitts <em><head></em> Schlüsselinformationen über ein Dokument. Sie können den Browser auf Stylesheets und Skripte verweisen, die in einem Dokument verwendet werden (falls verwendet).</p><h2>HTML <pre class="prettyprint"><title></pre></h2><p>HTML <em><pre class="prettyprint"> <title></pre></em> Das Tag definiert den Titel des Dokuments. Dieses Tag erscheint innerhalb des <em><head></em>-Tags. Dieses Tag sollte den Zweck einer Webseite zusammenfassen. Sie müssen nur ein <pre class="prettyprint"><title></pre>-Tag pro Seite angeben.</p><p>Schauen wir uns die Syntax dieses Tags an:</p> <p>Das <pre class="prettyprint"><title></pre>-Tag hat sowohl ein öffnendes als auch ein schließendes Tag. Zwischen diesen Tags haben wir einen Titel für eine Webseite geschrieben.</p> </div> </div> </a> </div> <p>Der Text unseres <pre class="prettyprint"><title></pre>-Tags erscheint nicht auf der Webseite. Dies liegt daran, dass unser <pre class="prettyprint"><title></pre>-Tag im <head>-Tag anstelle des <body>-Tags auf unserer Webseite enthalten ist.</p><p>Unser Titel oben ist stark, weil er aussagekräftig ist dem Benutzer genau, welche Seite er gerade ansieht. Wir haben auch den Namen der Website angegeben, was Verwirrung vermeidet, wenn ein Benutzer mehrere Registerkarten mit dem Titel „Home“ geöffnet hat.</p><p>Der Titel sollte klar, leicht lesbar und nicht zu lang sein. Betrachten Sie die folgenden Beispielüberschriften:</p><ul><li>Blog – Professionelles Karma</li><li>Kontaktieren Sie professionelles Karma</li><li>Professionelles Karma-Blog</li></ul> <p>Alle diese Titel drücken den Zweck der Seite aus. er sollte nicht zu lang sein, da Titel nur begrenzt Platz in der Tab-Leiste haben.</p><p>Das <pre class="prettyprint"><title></pre>-Tag unterstützt alle globalen Attribute, beispielsweise in HTML5. Dieses Tag wird von allen wichtigen modernen Browsern unterstützt. Das Titel-Tag hat kein elementspezifisches HTML-Attribut.</p><h2>Beispiel eines HTML-Titel-Tags</h2><p>Das HTML-Titel-Element wird innerhalb des <em><head></em>-Tags definiert auf einer HTML-Seite. Angenommen, wir erstellen eine Webseite für unsere örtliche Bäckerei Joseph Abrams & Sons. Wir bauen gerade die Homepage auf und möchten, dass der Name der Konditorei im Titel der Seite erscheint.</p><p>Wir könnten den folgenden Code verwenden, um unseren Seitentitel auf " <em>Giuseppe Abrams & Figli.</em> ":</p><p>Wenn die Webseite unserer Website geöffnet wird, wird der Seitentitel auf " <em>Joseph Abrams & Sons</em> " gesetzt.</p> </a> </div> <p>Nehmen wir nun an, wir erstellen eine Kontaktseite für unsere örtliche Bäckerei von früher. Wir könnten den Titel " <em>Kontakt | Joseph Abrams & Sons</em> ". Dieser Titel ist einfach und beschreibt auch den Zweck unserer Webseite gut.</p><h2>Warum sollten Sie einen <pre class="prettyprint"><title></pre>-Tag verwenden?</h2><p>Es gibt eine Anzahl Aus Gründen ist es wichtig, ein Dokumenttitel-Tag anzugeben.</p><p>Zunächst zeigt das Tag <em><pre class="prettyprint"><title></pre></em> den Seitentitel in der Titelleiste Ihres Webbrowsers an . Der Titel dieser Seite lautet beispielsweise „<em>HTML Title Tag: A How-To | Python.Engineering</em>.‚" Er erscheint im Registerkartennamen dieser Website.</p><p>Zweitens , das <em>-Tag Das <pre class="prettyprint"><title></pre></em>-Tag kennzeichnet die Webseite, wenn sie mit einem Lesezeichen versehen oder im Webbrowser des Benutzers als Favorit gespeichert wird. Der von Ihnen angegebene Titel wird automatisch gespeichert . Wenn Sie keinen geeigneten Titel für eine Webseite verwenden, kann ein Benutzer Schwierigkeiten haben, Ihre Seite in seinen Favoriten zu finden.</p><p>Suchmaschinen sind auf den Inhalt eines Tags angewiesen Title-Tag ist der Titel der Webseite auf einer Suchmaschinen-Ergebnisseite (SERP). Die SERP ist ein Eintrag auf einer Suchergebnisseite.</p><p>Zusätzlich der Inhalt des <em><pre class="prettyprint"> <title></pre></em>-Tag wird verwendet, um das Thema der Webseite von Suchmaschinen zu bestimmen.</p><p>Jetzt, da wir <em><pre class="prettyprint"><title></pre></em>-Tags wichtig sind, fragen Sie sich vielleicht: Wie verwendet man HTML-Titel-Tags? Lassen Sie uns diese Frage beantworten.</p><h2>Fazit</h2><p>T Das Tag <em><pre class="prettyprint"><title></pre></em> gibt den Titel eines HTML-Dokuments an. Dieser Titel wird in den Registerkartennamen des Webbrowsers angezeigt. Es wird auch von Suchmaschinen bei der Verarbeitung einer Webseite verwendet, um den Titel und das Thema festzulegen.</p> </a> </div> <p> In diesem Tutorial wurden die Grundlagen des HTML-Tags <em><pre class="prettyprint"><title></pre></em> anhand eines Beispiels behandelt. Jetzt können Sie als HTML-Experte mit der Verwendung des Titel-Tags beginnen!</p><p>Möchten Sie mehr über die HTML-Codierung erfahren? Sehen Sie sich unseren <a href="/learn-html/"> HTML-Lernleitfaden </a> an. Dieser Leitfaden enthält eine Liste der besten Lernressourcen und Kurse für Anfänger. und Zwischenentwickler. Außerdem finden Sie die besten Bücher zum Thema HTML.</p> </div>
Michael Zippo
04.11.2021