De HTML </pre>-tag definieert de titel van een webpagina. Deze titel verschijnt in de browsertabbalk en wanneer u een pagina aan uw favorietenlijst toevoegt. Alle webpagina`s moeten een <pre class="prettyprint"><title></pre>-tag bevatten.</em></p><p>Als u een webpagina maakt, moet u een titel voor die webpagina opgeven. Stel dat u bijvoorbeeld een startpagina maakt voor de website van een plaatselijke bakkerij. Misschien wilt u dat de naam van de bakkerij wordt weergegeven als de titel van de webpagina.</p><p>Dit is waar de HTML <em><pre class="prettyprint"><title></pre></em>-tag binnenkomt De <em>Tag De <pre class="prettyprint"><title></pre></em> tag definieert de titel van een document in HTML en wordt in het kopgedeelte van een webpagina geplaatst. In deze zelfstudie wordt aan de hand van een voorbeeld het belang van de tag <em><pre class="prettyprint"><title></pre></em> besproken en hoe u deze in uw code kunt gebruiken.</p><h2> HTML Head Refresher</h2><p>In HTML wordt het <em><head></em>-element gebruikt om header-elementen op te slaan. Deze elementen bieden aanvullende informatie over een webpagina, zoals het pictogram dat voor de webpagina moet verschijnen.</p><p>Samen beschrijven de elementen van de sectie <em><head></em> belangrijke informatie over een document. Ze kunnen de browser verwijzen naar stylesheets en scripts die in een document worden gebruikt (indien gebruikt).</p><h2>HTML <pre class="prettyprint"><title></pre></h2><p>HTML <em><pre class="prettyprint"> <title></pre></em> de tag definieert de titel van het document. Deze tag wordt weergegeven in de tag <em><head></em>. Deze tag zou het doel van een webpagina moeten samenvatten. U hoeft slechts één <pre class="prettyprint"><title></pre>-tag per pagina op te geven.</p><p>Laten we eens kijken naar de syntaxis van deze tag:</p> <p>De <pre class="prettyprint"><title></pre> tag heeft zowel een openingstag als een sluitingstag. Tussen deze tags hebben we een titel voor een webpagina geschreven.</p> </div> </div> </a> </div> <p>De tekst van onze <pre class="prettyprint"><title></pre>-tag verschijnt niet op de webpagina. Dit komt omdat onze <pre class="prettyprint"><title></pre>-tag is opgenomen in de <head>-tag in plaats van de <body>-tag op onze webpagina.</p><p>Onze titel hierboven is sterk omdat het vertelt de gebruiker precies welke pagina ze bekijken. We hebben ook de naam van de site gespecificeerd, om verwarring te voorkomen als een gebruiker meerdere tabbladen in beeld heeft met de titel "Home".</p><p>De titel moet duidelijk, gemakkelijk leesbaar en niet te lang zijn. Bekijk de volgende voorbeeldkoppen:</p><ul><li>Blog - Professioneel Karma</li><li>Neem contact op met Professioneel Karma</li><li>Professioneel Karma-blog</li></ul> <p>Al deze titels drukken het doel van de pagina uit. het mag niet te lang zijn, want titels hebben maar beperkte ruimte in de tabbalk.</p><p>De <pre class="prettyprint"><title></pre>-tag ondersteunt alle algemene attributen, bijvoorbeeld in HTML5. Deze tag wordt ondersteund door alle belangrijke moderne browsers. De title-tag heeft geen elementspecifiek HTML-kenmerk.</p><h2>Voorbeeld HTML-titeltag</h2><p>Het HTML-titelelement wordt gedefinieerd in de <em><head></em>-tag op een HTML-pagina. Stel dat we een webpagina maken voor onze plaatselijke bakkerij, Joseph Abrams & Sons. We bouwen momenteel aan de startpagina en we willen dat de naam van de banketbakkerij in de titel van de site verschijnt.</p><p>We kunnen de volgende code gebruiken om onze paginatitel in te stellen op " <em>Giuseppe Abrams & Figli.</em> ":</p><p>Wanneer de webpagina van onze site wordt geopend, wordt de paginatitel ingesteld op" <em>Joseph Abrams & Sons</em> ".</p> </a> </div> <p>Stel nu dat we een contactpagina maken voor onze lokale bakkerij van vroeger. We zouden de titel " <em>Contact | Joseph Abrams & Sons</em> ". Deze titel is eenvoudig en beschrijft ook het doel van onze webpagina goed.</p><h2>Waarom zou je een <pre class="prettyprint"><title></pre>-tag gebruiken?</h2><p>Er zijn een aantal van redenen is het belangrijk om een documenttiteltag op te geven.</p><p>Ten eerste geeft de <em><pre class="prettyprint"><title></pre></em>-tag de paginatitel weer in de titelbalk van uw webbrowser . De titel van deze pagina is bijvoorbeeld "<em>HTML-titeltag: een how-to | Python.Engineering</em>. Deze verschijnt in de tabnaam van deze site.</p><p>Tweede , de <em>tag De <pre class="prettyprint"><title></pre></em> tag labelt de webpagina wanneer deze als bladwijzer is gemarkeerd of als favoriet is opgeslagen in de webbrowser van de gebruiker. De titel die u opgeeft, wordt automatisch opgeslagen . Als u geen geschikte titel voor een webpagina gebruikt, kan een gebruiker moeite hebben uw pagina in hun favorieten te vinden.</p><p>Zoekmachines zijn afhankelijk van de inhoud van een tag.title. De titel die is opgegeven in een title tag is de titel van de webpagina op een pagina met zoekresultaten van zoekmachines (SERP). De SERP is een item op een pagina met zoekresultaten.</p><p>Bovendien is de inhoud van de <em><pre class="prettyprint"> <title></pre></em> tag wordt gebruikt om het onderwerp van de webpagina te bepalen door zoekmachines.</p><p>Dus nu we weten <em><pre class="prettyprint"><title></pre></em>-tags zijn belangrijk, u vraagt zich misschien af: hoe u een HTML-titeltag gebruikt? Laten we deze vraag beantwoorden.</p><h2>Conclusie</h2><p>T De <em><pre class="prettyprint"><title></pre></em> tag geeft de titel van een HTML-document aan. Deze titel wordt weergegeven in de tabbladnamen van de webbrowser. Het wordt ook gebruikt door zoekmachines bij het verwerken van een webpagina om de titel en het onderwerp te bepalen.</p> </a> </div> <p> In deze zelfstudie werden de basisprincipes van de HTML <em><pre class="prettyprint"><title></pre></em>-tag behandeld aan de hand van een voorbeeld. U bent nu klaar om de titeltag als HTML-expert te gaan gebruiken!</p><p>Wilt u meer weten over HTML-codering? Bekijk onze <a href="/learn-html/"> HTML-leergids </a>. Deze gids bevat een lijst met de beste leermiddelen en cursussen voor beginners. en intermediaire ontwikkelaars. U vindt er ook de beste boeken om te lezen over het onderwerp HTML.</p> </div>
Michael Zippo