Head kommandon

Head kommandon
[HTML Grundstomme] [Vad gör HEAD kommandona?] [TITLE] [META kommandon] [BASE HREF] [Del 2 och 3] [Cascading Style Sheets]

HTML Grundstomme
De allra flesta HTML dokument har en liknande utformning, där grundstommen är densamma.
De består av flera viktiga element som behövs för att dokumentet ska fungera bra.
En sådan stomme kan se ut ungefär såhär:

<HTML>

<BODY>
Denna text syns i webbläsarens fönster
</BODY>

</HTML>

Denna struktur är grunden till ett HTML dokument, och bör följas för att det ska fungera korrekt.
HEAD kommandona är riktigt användbara, här nedan följer exempel på dessa.

Vad gör HEAD kommandona?
De gör i huvudsak 3 saker:

De innehåller information om dokumentet
Denna information visas nödvändigtvis inte i webbläsarens fönster, utan används mest av sökmotorer för att kategorisera sidan, och en del även för att hjälpa webbläsaren med diverse adresser.
De separerar sidan i två avdelningar
Du har kanske varit in på en sida som inte vill laddas, men titeln visas ändå i webbläsarens översta rad?
Förmodligen är det något fel i BODY delen av dokumentet, men titeln visas ändå eftersom den ligger i HEAD delen av dokumentet.
Laddas först av webbläsaren.
Den information som finns här laddas först av webbläsaren och körs, innan den fortsätter läsa in resten av dokumentet.

TITLE kommandot
Det här är antagligen det mest använda kommandot, och antagligen det mest lättbeskrivliga.
<HEAD>
<TITLE>HTMLWEB 1998</TITLE>
</HEAD>
Detta kommando definierar titeln för dokumentet. Den placeras i den färgade raden längst upp i Webbläsarens fönster. Här skriver du in namnet på din sida, eller något annat om du vill det. Och man kan inte använda sig av några textformat, det fungerar inte i titeln..

META kommandon
Meta kommandon används huvudsakligen för att kategorisera sidan i de olika sökmotorerna, för att ge en beskrivning av den och så vidare:

<META NAME="keywords" CONTENT="nyckel,ord,för,sidan">
Detta kommando ger sökmotorer nyckelord för vad som finns på sidan, och är ett bra sätt att få dem att hitta sidan. Ett exempel är att du har en sida om Volvo 145. Du har angett i ditt META kommando att keywords är Volvo,145,bil. Då kan sökmotorerna lättare hitta din sida när någon söker på något eller några av orden Volvo 145 eller bil.
<META NAME="description" CONTENT="Min suveräna sida om Volvo 145. Kom och titta!!">
Detta kommando ger sökmotorerna en beskrivning av vad som finns på sidan. Denna beskrivning kan visas när någon söker och får upp din sida som en av träffarna.
<META NAME="generator" CONTENT="Notepad">
Detta kommando anger vilket program som använts för att skapa dokumentet.
<META NAME="author" CONTENT="Jag Någonsson">
Anger namnet på den som gjort sidan, sidans författare.
<META NAME="copyright" CONTENT="Copyright © 1998 Jag">
Anger vem som har copyright till sidan.
<META NAME="expires" CONTENT="15 September 2000">
Anger när sidan "går ut" dvs. när sökmotorn ska ta bort sidan ur sin databas. Det kan vara användbart om du tex. gör en sida för ett tidsbegränsat projekt, och sedan tar bort den. Då är det ju bara onödigt att den finns kvar i sökmotorernas databaser.

Använder vi nu dessa META kommandon också så ser HEAD delen i vårt dokument ut såhär:

<HEAD>

<TITLE>HTMLWEB 1998</TITLE>

</HEAD>

BASE HREF kommandot
Talar om för webbläsaren att framför alla länkar i dokumentet ska denna domain finnas.
Exempel:

Detta gör att du i ditt dokument kan skriva en länk såhär:
<A HREF="sida.html"> och webbläsaren tolkar länken såhär:
<A HREF="http://hem2.passagen.se/garath10/htmlweb/sida.html">

Varför ska man använda det här?
Jo i vanliga fall behövs det inte, för att webbläsaren tolkar länkarna så att den öppnar sidor som ligger i samma katalog som sidan man är på, om man inte anger annat. Men om någon skulle få för sig att ladda hem sidan och köra den lokalt från hårddisken så fungerar ju inte de vanliga länkarna, eftersom de andra sidorna ligger kvar på servern där sidan laddades hem från. Men om du då använt BASE HREF kommandot så fungerar länkarna precis som de ska ändå. Och du kan klicka på dem utan problem.

<HEAD>

<TITLE>HTMLWEB 1998</TITLE>

</HEAD>

Del 2 och 3
I början av den här sidan påstod jag att det som finns i HEAD delen av dokumentet laddas in och körs först.
I de fall detta stämmer handlar det oftast om Javascript. Kommandon för dessa script läggs inuti HEAD.
Mer om själva Javascripten kommer senare i en speciell avdelning.
Använder vi detta så ser huvudet (HEAD delen) ut såhär:

<HEAD>

<TITLE>HTMLWEB 1998</TITLE>

</HEAD>

Nu finns det också någonting som heter Cascading Style Sheets och detta kan du också använda för att snygga upp dina dokument. Mer om detta också i ett kommande dokument.
Med detta kommando inlagt har vi ett färdigt huvud till vårt dokument:

<HEAD>

<TITLE>HTMLWEB 1998</TITLE>

</HEAD>

Detta utgör ett komplett huvud till ett HTML dokument. Naturligtvis måste man inte använda alla dessa kommandon. Man behöver faktiskt inte använda några alls, men de hjälper som sagt till i många lägen.

Hem