Lage en basis-side

Skrevet av: GratisGuide.net

Et korrekt oppbygd HTML-dokument er det beste utgangspunktet du har for å lage hjemmesider som kan ses av flest mulig, uavhengig av hva slags nettleser de har valgt å benytte seg av. I denne artikkelen skal vi sette opp et enkelt basis-dokument som du kan bruke som utgangspunkt for hjemmesidene dine.

Når du fortsetter å lage sider basert på dette basis-dokumentet kan det være smart å kontrollere at dokumentet ditt er korrekt HTML ved å sende det gjennom kontrollen hos W3C. W3C sin HTML-kontroll sjekker HTML-koden din og melder tilbake om det skulle være feil i den slik at du kan gjøre nødvendige korreksjoner. En slik kontroll sikrer at hjemmesiden din fungerer på best mulig måte i de nettleserne som tolker HTML etter HTML-standarden.

Dersom du vil lage en hjemmeside som benytter rammesett, vil dokumenter du lager etter basisen vi setter opp her være dokumenter du henviser til i <FRAME>-merker. Du kan lese mer om dette på vår tipsside om rammesett.

Det første vi har på siden vår er en angivelse av dokumenttypen. Med en slik angivelse sier vi hva slags dokumentstandard siden vår følger. Fordelen ved å gjøre dette er at dersom en bruker en nettleser som normalt ikke støtter dokumentstandarden, gir en nettleseren mulighet til å hente ned oppsettet for standarden for så å vise innholdet basert på dette oppsettet, noe den ikke ville være i stand til om vi ikke angir dokumenttype.

Dokumentet vårt skal følge HTML sin versjon 4.01. Denne har tre underversjoner;
· En streng versjon
· En overgangsversjon
· En rammesett-versjon basert på overgangsversjonen

Overgangsversjonen tillater utgåtte merker; det vil si merker og attributter som ikke lenger er en del av HTML, men som av hensyn til eldre nettlesere fortsatt tillates. Den strenge versjonen tillater ikke utgåtte merker eller attributter, eller merker knyttet til rammesett.

Vår side skal følge HTML 4.01 sin overgangsversjon. Vi angir derfor dette med følgende merke:

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

Ønsker vi å angi at dokumentet vårt følger den strenge formen for HTML versjon 4.01 bruker vi:

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

Når dokumenttypen er angitt kan vi begynne med selve HTML-siden. For å gjøre dokumentet mer lettleselig velger vi å legge all informasjonen på siden vår, bortsett fra dokumenttype-angivelsen, inne i et html-merke. Dette er ikke et påkrevet merke, men vi bruker det allikevel:

<HTML>

I et <HTML>-merke kan vi benytte attributtene lang og dir. lang kan gis verdien til et menneskelig språk, med en to-tegns språkkode fra den internasjonale standarden ISO 639. For norsk bruker vi no. Attributten dir angir tekstretningen, og for norsk er tekstretningen venstre-mot-høyre, som også er standardverdien for denne attributten; derfor trenger vi ikke ta den med. Vårt "utvidede" merke ser derfor slik ut:

Nå kan søkemotorer og annet enkelt se at siden inneholder tekst på norsk.

Vi fortsetter med dokumenthodet. Her legger vi informasjon om selve siden, så som tittelen på det og hvilket tegnsett som brukes.

<HEAD>
<TITLE>Et basisdokument</TITLE>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">

Her har vi angitt navnet på dokumentet som "Et basisdokument". Ett title-merke er påkrevet dersom head-merket benyttes. Det kan være greit å merke seg at du bør bake inn dine viktigste nøkkelord i tittelen. Det gir flere treff i søkemotorer, og flere finner sidene dine.

Vi har også angitt en HTTP-header, for å kunne angi tegnsettet. Header-en content-type (innholds-type) er satt til text/html (tekst-html) med charset (tegnsett) satt til standarden ISO 8859-1 (vest-europeisk).

Vi kan også legge inn merker for nøkkelord og en kort beskrivelse av innholdet på siden i såkalte meta-merker, som søkemotorer og annet kan bruke ved indeksering av siden:

Nøkkelord du har angitt i tittelen bør du unngå å bruke i meta-merket for nøkkelord (keywords). Noen søkemotorer kan "straffe" deg ved overbruk av ord i disse feltene, og ikke bruke de som nøkkelord.

Vi har også avsluttet hode-merket, da vi ikke har mer å legge inn her for basisdokumentet vårt.

Hoveddelen av dokumentet legges inn i body-merket:

<BODY>
...
Tekst og HTML-merker for hoveddelen av dokumentet
...
</BODY>

Dokumentet avsluttes ved å avslutte html-merket vi startet med:

</HTML>

Nedenfor ser du hele HTML-koden ferdig og korrekt oppstilt. Det er bare å klippe-og-lime og jobbe videre med den :) Lagre koden som en vanlig tekst-fil med endelsen .html. Bruker du Windows kan du f.eks. benytte programmet Wordpad (Klikk Start->Kjør|Run, skriv "write" og velg OK). Lagre alltid HTML-dokumentene dine som rene tekstfiler.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML LANG="no">
<HEAD>
  <TITLE>Et basisdokument</TITLE>
  <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
  <META NAME="keywords" CONTENT="nøkkelord, og fraser med flere ord, delt, opp, med, komma">
  <META NAME="description" CONTENT="En kort beskrivelse av innholdet på denne siden.">
</HEAD>
<BODY>
  Legg inn innholdet ditt her
</BODY>
</HTML>

Opphavsrett

Ønsker du å gjengi denne artikkelen eller noe fra den må du gjerne gjøre det, men ikke glem kildereferanse. For å lenke til denne artikkelen kan du bruke URL-en http://www.gratisguide.net/artikler/html/lage-en-basis-side.html.

Tilbake til Artikler / HTML og CSS