Sådan laver jeg hjemmesider, Header på hver side

Sådan laver jeg hjemmesider, Michael Maardt, okt. 2009

Header på siderne

Websiderne - de enkelte sider under domænet - ender på .shtml hvilket fortæller browseren, at der evt. forekommer inkluderede filer i selve .shtml filen - til forskel fra f.eks. htm eller html

Lad os kigge på de første linier i en fil. De kan se sådan ud:

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

<html><head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<META HTTP-EQUIV="content-language" CONTENT="da">

<link rel="stylesheet" type="text/css" href="../knowware.css">

<link rel="stylesheet" type="text/css" href="/topmenu-knowware.css">

<TITLE>Manual til hjemmeside, siderne</title>

<meta name="description" content="Michael Maardt beskriver, hvordan han laver hjemmesider.">

</head>

Her lidt forklaring til de enkelte linier

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
angiver en dokumenttype. Der findes flere og jeg har valgt denne.

<html><head>
2 kommandoer i samme linie. <html> betyder: nu starter html koden. <head> betyder: nu starter den såkaldte header, som består af forsk. informationer til browseren. Headeren slutter ved kommandoen </head>, som kommer senere i filen.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
er en speciel linie, der fortæller Internet Explorer browseren (IE) version 8, at den skal opføre sig som version 7, fordi der er problemer med disse menuer og IE version 8.

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
fortæller browseren, at tegnsættet er det latinske, hvilket inkluderer specialtegn fra dansk, norsk, svensk, tysk osv.

<META HTTP-EQUIV="content-language" CONTENT="da">
fortæller browseren, at sproget er dansk - relevant, hvis brugeren i google søger specifikt sider 'på dansk'

<link rel="stylesheet" type="text/css" href="../knowware.css">
kalder style sheet fil ved navn knowware.css, som ligger et niveau højere (../) end den .shtml fil, der kalder css filen.

<link rel="stylesheet" type="text/css" href="/topmenu-knowware.css">
kalder style sheet fil ved navn topmenu-knowware.css, som befinder sig i roden af domænet, derfor / til at angive roden. Roden=root angiver det øverste eller første niveau.

<TITLE>Manual til hjemmeside</title>
angiver en titel på den pågældende side. Jeg har andetsteds beskrevet vigtigheden af at angive dette. Max 65 tegn.

<meta name="description" content="Michael Maardt beskriver, hvordan han laver hjemmesider og endda rimelig detaljeret. ">
Denne "description-tag" er ret vigtig, thi den benyttes somme tider af søgemaskinerne som tekst under titlen. Ingen ved, hvornår Google bruger den, men det skader absolut ikke at skrive noget fornuftigt her, max 160 tegn. Det er jo ikke helt ligegyldigt, hvilken tekst der dukker op i et af Googles søgeresultater, hvis man skal tiltrække kunder til sin hjemmeside ;-)

</head>
her siges, at header'en stopper. Typisk derefter kommer den såkaldte <body> tag

<body>
fortæller browseren, at nu starter det, der skal vises til den, der kigger på siden.


Her indsættes filen topmenu-manual.inc, som i dette tilfælde skal hentes fra domænets "rod". Efternavnet .inc betyder include. Læs mere om Server Side Include filer

fra samme directory/mappe, som .shtml filen befinder sig i

.. og herefter kommer så resten af siden.