Web kvalitet - Vigtige HTML elementer

For at forbedre webkvaliteten er <DOCTYPE>, <title> og <h1> alle vigtige tags.

<DOCTYPE>-elementet

Doctype betyder en "document type declaration" (DTD).

Alle HTML- og XHTML-sider skal bruge <Doctype>-elementet til at definere, hvilken HTML-version de følger.

doctype definerer den HTML-version, du bruger, og giver vigtige oplysninger til browseren, så den kan præsentere din side hurtigere og mere konsistent.

Dokumenttype-deklarationen gør det også muligt for valideringssoftware at kontrollere syntaxen på siden:

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

XHTML 1.1 DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

Se:HTML <!DOCTYPE>-etiketten

<title>-elementet

<title>-elementet er en af de vigtigste HTML-elementer. Dets hovedfunktion er at beskrive indholdet af websiden.

Selvom titlen ikke er en synlig del af websiden, er den stadig vigtig for hjemmesidens kvalitet, fordi den er synlig på følgende steder:

  • Søgemaskinernes liste
  • Vinduets titellinje
  • Brugernes bokmærker

Titlen bør være så kort som muligt og have en beskrivende karakter.

Når en bruger søger efter en hjemmeside på internettet, viser de fleste søgemaskiner titlen på hjemmesiden i søgeresultaterne. Sørg for, at titlen stemmer overens med indholdet af websiden. På denne måde har brugerne større sandsynlighed for at klikke på disse links og besøge din hjemmeside.

Når brugere besøger din hjemmeside, er titlen i vinduets titellinje synlig. Sørg for, at titlen stadig beskriver indholdet af hjemmesiden, selvom vinduet er minimeret.

Efter at brugeren har besøgt din webside, gemmes websidens titel i historikmappen (brugeren kan endda gemme websiden i sin favoritter). For at sikre senere succesfuld adgang, skal du også sørge for, at titlen tydeligt beskriver din webside.

Gode titler:

<title>HTML Undervisning</title>
<title>XML Introduktion</title>

Dårlige titler:

<title>Introduktion</title>
<title>Capítulo 1</title>
<title>CodeW3C.com har et整套 velorganiseret og let forståeligt HTML, CSS, JavaScript,
DHTML, XML, XHTML, WAP, ASP, SQL undervisning, og indeholder mange eksempler og kildekode.</title>

Se:HTML <title> tag

<h1>-elementet

<h1>-elementet bruges til at beskrive den øverste titel på websiden.

Da nogle browsere som standard viser <h1>-elementer i stor skrift, bruger nogle webudviklere <h2>-elementer i stedet for <h1>-elementer til at vise den øverste titel. Dette påvirker ikke læseren, men kan forvirre søgemaskiner og anden software, der forsøger at 'forstå websidestrukturen'.

Sørg for at bruge <h1> til den øverste titel, <h2> og <h3> til lavere niveauer.

Prøv at konstruere din webside baseret på dette skabelon:

Hvis du ikke kan lide standardstørrelsen på titelfonten, kan du bruge stil eller stilskabelon til at ændre den.

Se:HTML <h1> - <h6> tags