HTMLguide-rubrik

Hyperlänkar

Länkar och resurser

En länk är en hänvisning från ett dokument till en resurs. Det mesta på Internet är resurser i någon form, till exempel HTML-dokument, bildfiler, filer i FTP-arkiv, m.m. En länk har två ändar, huvudet och svansen. Huvudet kan vara en fil eller en speciell plats i ett dokument, och svansen är den del man kan se och klicka på. Oftast hänvisar man till hela filer och då fungerar själva filnamnet som länkens huvud, så det är inte så vanligt att man skriver ut länkhuvuden.

URL, URI, URN och URC

URL är en förkortning för Uniform Resource Locator. Webbläsaren använder en URL för att leta upp resurser på Internet. I en URL har man tagit med de resurser som kan nås via nätverksprotokoll och där resurserna är så pass noggrant speciferade att en webbläsare lätt kan leta upp dem.

URI är en förkortning för Uniform Resource Identifier. URI är ett övergripande sätt att ge ett namn åt objekt som kan nås på olika sätt. Det kan definieras som "Den sammanfattande mängden av alla namn/adresser som är korta strängar som hänvisar till objekt". En URI är alltså mycket generell och resurser som har en URI behöver inte nödvändigtvis vara tillgänglig via Internet.

URN är en förkortning för Uniform Resource Name. URN är tänkt att bli ett mer varaktigt sätt att referera till en resurs än en URL. Ett HTML-dokument som flyttas från en dator till en annan kommer att få en ny URL och alla referenser till den gamla platsen måste ändras. Med en URN ska man kunna slippa detta problem. Internet Engineering Task Force, IETF, håller på att skapa en standard för URN, men är inte klara än.

URC är en förkortning för Uniform Resource Citation, eller Uniform Resource Characteristics. URC är inte ett direkt sätt att hänvisa till en resurs. En URC beskriver en resurs genom att använda attribut och värden. Ett attribut kan vara resursens URL, ett annat kan vara dess upphovsman och så vidare.

Lägga in hyperlänkar <A HREF> HTML 2.0

För att göra en länk till en web-sida skriver man till att börja med starttaggen <A HREF="URL till websidan">. A:et står för Anchor, eller ankare. Därefter skriver man vad som ska stå på länken, exempelvis "klicka här". När man är klar med det skriver man </A>, vilket betyder att länken är klar. Det som hamnar mellan starttaggen och sluttaggen blir alltså det som man ska klicka på för att följa länken dit den pekar

Lägg märke till attributet HREF som sätts till destinationssidans URL, vilken man alltså känna till för att kunna skapa länken. HREF står förmodligen för HypertextREFerens.

När man gör länkar gäller det att vara noga med mellanslagen och radbrytningarna. Textlänkar ska inte ha mellanslag ytterst, eftersom det ser ganska fult ut. Kolla också att tecknen efter taggen kommer rätt i förhållande till länken. Om ett tecken följer direkt på sluttaggen </A> kommer det att visas direkt efter länken.

Exempel på länkar

Här är en länk till ett <A HREF="http://www.infoseek.com">sökverktyg</A> sökverktyg, som är en utmärkt hjälp när man vill hitta något på WWW.

Lägga in hyperlänkar <A HREF> HTML 2.0

För att göra långa web-sidor mer överskådligare, bör man i början av sidan ha länkar till de olika avsnitten av samma sida. Klickar man på en sådan länk hamnar det valda avsnittet överst i web-läsarens fönster. Om man sedan har en länk till web-sidans topp från varje delavsnitt, blir det enkelt att förflytta sig i den stora sidan.

En förutsättning för att detta ska fungera är att det i sidans HTML-kod finns markeringar utsatta som man kan göra en länk till.

I dina egna webbsidor kan du lägga in hur många markeringar som helst, och lämpliga placeringar är där nya avsnitt börjar.

En markering lägger man in med <A>-taggen. Skillanden mot en länk är att man byter ut attributet HREF="En URL" mot NAME="Ett ord som beskriver avsnittet". Sedan låter man innesluta rubriken till det nya avsnittet, och avslutar som förut med </A>.

Ett exempel:

<A NAME="del3"><H2>Kapitel 3</H2></A>

Hur gör man då länkar till de olika markeringarna vi har stoppat in i HTML-filen? Det fungerar nästan på samma sätt som med vanliga länkar. Skillnaden är att man i HREF-attributet sist lägger till ett #-tecken följt av markeringens namn. Om man gör en länk till samma dokument hoppar man lämplingen över början av URL:en helt, så att HREF börjar med #-tecknet.

<A HREF="#del3">Hoppa till kapitel 3 </A>

Exempel på länkar till fragment

Ett länk-exempel

Innehållsförteckning

<A HREF="#kap1">Kapitel 1</A>

Kapitel 1

<A HREF="#kap2">Kapitel 2</A></P>

Kapitel 2

<A NAME="kap1"><H3>Kapitel 1</H3></A>

Kapitel 1

<A HREF="#top">Gå tillbaka till början</A><

Gå tillbaka till början

Det stod sannerligen inte mycket i det här kapitlet...

<A NAME="kap2"><H3>Kapitel 2</H3></A>

Kapitel 2

<A HREF="#top">Gå tillbaka till början</A>

Gå tillbaka till början

Inte fanns det något här heller...

Referenser mellan olika HTML-dokument

Alla HTML-dokument är resurser och har alltså en URL. En relativ URL är den lättaste formen av URL. Det är en URL som pekar ut en resurs i förhållande till dokumentet den står i. Om man vill göra en länk till en annan fil som ligger i samma katalog som HTML-dokumentet du redigerar räcker det med att ange filnamnet på den andra filen.

Exempel på länkar mellan filer i samma katalog:

Filen fil1.htm Filen fil2.htm
<HTML>
<HEAD>
<TITLE>Fråga</TITLE>
</HEAD>
<BODY>
<H1>Kan du svaret?</H1>
<P>Vet du vad
HTML är en
förkortning för?
Klicka på länken
om du vill se
<A HREF<"fil2.htm">
svaret</A></P>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Svaret</TITLE>
</HEAD>
<BODY>
<H1>Hade du rätt?</H1>
<P>HTML står för
HyperText Markup
Language. Klicka
här om du vill gå
<A HREF<"fil1.htm">
tillbaka till
frågan</A></P>
</BODY>
</HTML>

URL-formen

Den allmänna formen på en URL är:

metod:adress

Metod är det sätt som används för att nå resursen (till exempel HTTP eller FTP). Adress är en adress som pekar ut exakt hur man når resursen.

Metoder

Det finns en hel del olika metoder för att nå resurser. Här nedan presenteras några olika metoder som kan användas för att komma åt en resurs.

http HyperText Transfer Protocol
ftp File Transfer Protocol
wais Wide Area Information Servers
gopher Gopher-protokollet
mailto E-postadress
news Diskussionsgrupper
telnet Referens till interaktiva inloggningar
file Värdspecifika filadresser

Metoden HTTP, som är den vanligaste, används för alla vanliga webbsidor och för bilder, ljud och annat som ligger i webbsidor.
Metoden mailtoanvänds för att skicka elektronisk post direkt från webbläsaren.
Metoden ftp används för att hänvisa till filer i filarkiv.
Metoden news använder man för att hänvisa både till hela diskussionsgrupper och till ett visst inlägg i en diskussionsgrupp.
Metoderna gopher och wais kan användas för att nå resurser via Gopher- och WAIS-värdar.
Metoden telnet använder man för att etablera en Telnet-koppling till en värddator. Många webbläsare kan inte själva hantera Telnet-kommunikation, men de kan ställas in så att de automatiskt startar hjälptillämpningar som tar över kommunikationen. Telnet ger möjlighet till mycket mer interaktiva tjänster än World Wide Web, men det är begränsat till text.
Metoden file använder man för att referera till filer på sin dator. Denna metod rekommenderas inte för webbsidor som är tillgängligt för andra, eftersom de inte kan följa länken. Om du vill ha en fil på din egen dator som hemsida, till exempel en lista med bokmärken, kan denna metod vara bra att använda. Om du öppnar en lokal fil används automatiskt metoden file.

Adresser

Adressen kan anges i förållande till den fil som innehåller URL-strängen (relativ adress) eller direkt med en fullständig (absolut) adress.

Absoluta adresser

De flesta adresser har strukturen

//användare:@dator:port/sökväg#fragment

Oftast anger man bara delarna dator och sökväg, resten kan utelämnas. De två första fälten användare och lösenord använder man när det krävs inloggning med ett speciellt användarnamn och lösenord för att komma åt resursen, exempelvis att hämta en fil med FTP,

Fältet dator är domännamnet eller IP-adressen till den dator resursen finns på. Den kan vara en vanlig adress typ www.datorn.se eller ett IP-nummer av typ 123.456.789. Ibland måste man även ange ett speciellt portnummer för att komma åt en tjänst, och då används fältet port.

Fältet sökväg är resursens adress inom datorn den finns på. Man refererar oftast till filer, så det är filens sökväg man anger. Fragment är delar av resurser. I HTML-dokument är det delar av dokument som märkts ut av ankare med attributet NAME.

Sökvägar

Sökvägar anger man genom att man börjar i roten av katalogträdet och skriver ner namnen på alla mappar man måste gå igenom för att nå filen. Man skriver snedstreck mellan mappnamnen. Om filen ligger i en underkatalog till en användares hemkatalog (katalolgen man befinner sig i när man loggar in) kan man utgå från den istället för från roten av katalogträdet.
Exempel:

Relativa adresser

Det är inte nödvändigt att skriva ut en fullständig adress i alla URL-strängar. Att ange en relativ adress kan vara att föredra. Om man till exempel har ett antal HTML-dokument som ligger på sin hårddisk och har länkar med absoluta adresser till varandra. Om man sedan flyttar dem till sin Internet-leverantörs dator, är man tvungen att gå igenom alla dokumenten och ändra varenda URL, eftersom den gamla adressen inte längre stämmer. Om man istället angivit relativa sökvägar behöver man inte ändra någonting.

En relativ adress till en målfil utgår alltid från källfilen, det dokument adressen står i. Om målfilen ligger i samma katalog som källfilen behöver man bara ange målfilens namn. Om den ligger i en annan katalog skriver man en sökväg som berättar hur man tar sig från källfilen till målfilen. För att hänvisa till katalogen "ovanför" den man befinner sig i använder man koden "../".
Exempel:

RESOR
res.htm
AUSTRALIEN
cairns.htm
mackay.htm
brisb.htm
USA
newyork.htm
orlando.htm
lasvegas.htm

I katalogen RESOR ligger filen res.htm som innehåller ramdokument till olika reseberättelser. I underkatalogen AUSTRALIEN ligger dokument till resan i Australien. Underkatalogen USA innehåller filer som berättar om resan till USA.
Exempel på hur relativa länkar mellan dessa dokument kan se ut:

Att skapa en länk till ett fragment på en annan sida

För att gör en länk till ett fragment på en annan sida, krävs det att det finns ett namn (<A NAME="namn">) definierat och att man känner till namnet. Man skriver då <A HREF="adress/filnamn#ankare"></A>. Lägg märke till att det inte ska vara något snedstreck före #-tecknet. Om det är en länk till någon av ens egna sidor skriver man:

<A HREF="filnamn#ankare"></A>.

Att skapa en länk till en e-postaddress, mailto

Om man vill att de som besöker din web-sida enkelt ska kunna skicka e-post till dig, kan man lägga in en speciallänk just för detta ändamål.

Man börjar med att skriva starttaggen <A HREF="mailto:din e-postaddress">. Därefter skriver man vad som ska stå på länken, exempelvis "ett brev". När man är klar med det skriver man </A>, vilket betyder att länken är klar.

Om man klickar på länken kommer web-läsaren automatiskt att starta en separat e-postskickare där man kan skriva ett brev. Sedan är det bara att klicka på Send(skicka)-knappen för att skicka iväg brevet

Det går bra att få fram denna brevskickarruta genom att själv skriva mailto:>e-postaddress i URL-fönstret. Men som du ser går det lika bra att starta den från en länk.

Exempel på e-postlänk

Skriv gärna

<A HREF="mailto:karlsson.robert@vetlanda.mail.telia.com">

ett brev till mig!

Klicka på knapparna för att backa tillbaka eller för att läsa vidare om HTML-guiden.

Färger Listor

Fåglar

Denna sida är skriven av Robert Karlsson.
E-post: karlsson.robert@vetlanda.mail.telia.com
Hemsida: http://w1.383.telia.com/~u38302477

Sidan uppdaterades senast:

© Copyright 1999