Title-taggen dyker upp som bokmärke, uppe i vänstra hörnet på din webbläsare och som länk när sökmotorn hittar din sida. Väljer du rätt här för din målgrupp kan du räkna med att få besökare ganska omgående. Title-taggen placerar du i headern på dokumentet. Alltså mellan <head> och </head>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Här ser du en title-tagg </title>
<style type="text/css">
body {background:url(https://www.gbghtml.se/bilder/pelle.jpg)}
</style>
</head>
<body>
</body>
</html>
Nu skall du inte blanda ihop denna title-tagg med den för länkar. Title-taggen för länkar börjar bli allt viktigare och använd även den i dina dokument. I wordpress får du möjlighet att lägga in en title-tagg i headern på din blogg så snart du länkar någonting. När det handlar om titletagg i länkar gör du så här>>>
OBS!!! Jag har även lagt en bakgrundsbild till stylesheet body i headern bara för att göra resultatet lite snyggare. Nu när vi går över till html5 förändras väldigt många av taggarna här. Du behöver inte lägga till denna ännu men du kan gärna kopiera koden ovanför och du har en bild i bakgrunden.
Det som sedan kommer under sökresultat kallas description. Vilket du lägger till
Den nya koden man använder mer och mer kallas för XHTML
XHTML används för att sidan skall kunna läsas av bland annat i mobiltelefoner och ger dig ännu mer frihet att använda programmering med php och java. Vi rekommenderar XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Här har vi bytt ut HTML 4.01 mot XHTML 1.0 istället. Denna DOC type är strict och innebär alltså, som förut, att du använder design från ett eller flera stylesheet.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"Istället för loose.dtd använder vi xhtml1-transitional.dtd vilket ger dig mer frihet att använda kod direkt på sidan.