URL-grunder - Versionshistorik

PGJ den 5 april 2019 kl. 07.19

2019-04-05T07:19:25Z

← Äldre version		Versionen från 5 april 2019 kl. 07.19
Rad 1:		Rad 1:
	För att kunna använda [[HTML]] fullt ut, måste vi lära oss hur man kan länka till andra resurser. Innan vi kan göra det måste vi titta på hur man adresserar olika saker på nätet. Hur talar man om för webbläsaren var den ska hitta saker och ting?		För att kunna använda [[HTML]] fullt ut, måste vi lära oss hur man kan länka till andra resurser. Innan vi kan göra det måste vi titta på hur man adresserar olika saker på nätet. Hur talar man om för webbläsaren var den ska hitta saker och ting?

	Du har säkerligen sett [[URL]]:er förut. Det är ”vanliga” webbadresser. Men du kanske inte funderat så mycket på hur de fungerar. [[URL]] är en förkortning för ”[[Uniform Resource Locator]]”, det är alltså ~~ett enhetligt sätt~~ att finna resurser. En [[URL]] kan ange mycket information, såsom hur och var man ska hämta resursen. Dock går det mesta att utelämna om man inte behöver det.		Du har säkerligen sett [[URL]]:er förut. Det är ”vanliga” webbadresser. Men du kanske inte funderat så mycket på hur de fungerar. [[URL]] är en förkortning för ”[[Uniform Resource Locator]]”, det är alltså en enhetlig metod för att finna resurser. En [[URL]] kan ange mycket information, såsom hur och var man ska hämta resursen. Dock går det mesta att utelämna om man inte behöver det.

	Man talar inbland om [[URI]]:er också. En [[URL]] är ett subset till [[URI]] och man kan därför använda bägge uttrycken angående "webbadresser". Det vanligaste är dock att man säger [[URL]].		Man talar inbland om [[URI]]:er också. En [[URL]] är ett subset till [[URI]] och man kan därför använda bägge uttrycken angående "webbadresser". Det vanligaste är dock att man säger [[URL]].

PGJ: /* URL:ens uppbyggnad */

2019-02-06T10:57:19Z

URL:ens uppbyggnad

← Äldre version		Versionen från 6 februari 2019 kl. 10.57
Rad 17:		Rad 17:
	* exempel.webbling.se = auktoritet/server		* exempel.webbling.se = auktoritet/server
	* exempel.html = sökväg		* exempel.html = sökväg

			[[Fil:URLAnatomi.png]]

	Vi tar och går igenom de olika komponenter som bygger upp exempel-URL:en.		Vi tar och går igenom de olika komponenter som bygger upp exempel-URL:en.

PGJ: /* Versaler och gemena spelar roll! */

2019-02-06T10:55:00Z

Versaler och gemena spelar roll!

← Äldre version		Versionen från 6 februari 2019 kl. 10.55
Rad 95:		Rad 95:
	Om man använder relativa sökvägar kan man enkelt flytta sina webbsidor till en annan plats på webbservern (i alla fall om man flyttar alla tillhörande resurser också). Eftersom sökvägarna i sidan är relativa, kommer de att fortsätta gälla eftersom de utgår ifrån den plats där sidan ligger. Hade sökvägarna varit absoluta, kanske vi hade varit tvungen att gå igenom sidan och ändra så att alla länkar refererar dit där vi flyttat sidan.		Om man använder relativa sökvägar kan man enkelt flytta sina webbsidor till en annan plats på webbservern (i alla fall om man flyttar alla tillhörande resurser också). Eftersom sökvägarna i sidan är relativa, kommer de att fortsätta gälla eftersom de utgår ifrån den plats där sidan ligger. Hade sökvägarna varit absoluta, kanske vi hade varit tvungen att gå igenom sidan och ändra så att alla länkar refererar dit där vi flyttat sidan.

	== Versaler och gemena ~~spelar roll!~~ ==		== Versaler och gemena==
	<div class="well well-warning">		<div class="well well-warning">
	När du namnger filer och kataloger bör du ha i åtanke att många [[webbserver\|webbservrar]] är känsliga för versaler och gemena i filnamnen (dvs, stora respektive små bokstäver). Det rör sig främst om Linux och OSX-maskiner. I Windows-världen spelar versaler/gemena ingen roll.		När du namnger filer och kataloger bör du ha i åtanke att många [[webbserver\|webbservrar]] är känsliga för versaler och gemena i filnamnen (dvs, stora respektive små bokstäver). Det rör sig främst om Linux och OSX-maskiner. I Windows-världen spelar versaler/gemena ingen roll.

PGJ: /* Sökväg */

2019-02-06T10:47:12Z

Sökväg

← Äldre version		Versionen från 6 februari 2019 kl. 10.47
Rad 46:		Rad 46:
	</div>		</div>

	=== [[Sökväg]] ===		=== [[Sökväg]]/resurs ===
	Sista delen i vår exempel-[[URL]], ”<code>/exempel.html</code>”, talar om vilken resurs på [[server]]n vi är ute efter. Det vill säga VAD vi vill få tag på. Det är en [[sökväg]], som talar om för [[server]]n var den ska finna resursen, samt vad den heter.		Sista delen i vår exempel-[[URL]], ”<code>/exempel.html</code>”, talar om vilken resurs på [[server]]n vi är ute efter. Det vill säga VAD vi vill få tag på. Det är en [[sökväg]], som talar om för [[server]]n var den ska finna resursen, samt vad den heter.

PGJ: /* Relativa sökvägar */

2016-10-05T06:30:16Z

Relativa sökvägar

← Äldre version		Versionen från 5 oktober 2016 kl. 06.30
Rad 91:		Rad 91:
	===== ".." eller dubbelpunkt =====		===== ".." eller dubbelpunkt =====
	Den vanligaste varianten av relativa sökvägar baserar sig kring dubbelpunkt; ”<code>..</code>”. Punkterna betyder att man ska gå upp en katalog. Befinner man sig i ”<code>/a/b/c</code>”, hamnar man alltså i katalogen ”<code>/a/b</code>”. Låt oss säga att den sida vi hämtat hem ligger i ”<code>/a/b/c/</code>” och i den refererar vi till en bild på följande vis ”<code>../gfx/bild.jpg</code>”. Vi säger då till webbläsaren att den ska efterfråga en resurs som ligger ett snäpp upp (dvs i ”<code>/a/b</code>”), i en annan underkatalog som heter ”<code>gfx</code>”. Motsvarande absolutreferens skulle bli; ”<code>/a/b/gfx/bild.jpg</code>”.		Den vanligaste varianten av relativa sökvägar baserar sig kring dubbelpunkt; ”<code>..</code>”. Punkterna betyder att man ska gå upp en katalog. Befinner man sig i ”<code>/a/b/c</code>”, hamnar man alltså i katalogen ”<code>/a/b</code>”. Låt oss säga att den sida vi hämtat hem ligger i ”<code>/a/b/c/</code>” och i den refererar vi till en bild på följande vis ”<code>../gfx/bild.jpg</code>”. Vi säger då till webbläsaren att den ska efterfråga en resurs som ligger ett snäpp upp (dvs i ”<code>/a/b</code>”), i en annan underkatalog som heter ”<code>gfx</code>”. Motsvarande absolutreferens skulle bli; ”<code>/a/b/gfx/bild.jpg</code>”.

			==== Nyttan med relativa sökvägar ====
			Om man använder relativa sökvägar kan man enkelt flytta sina webbsidor till en annan plats på webbservern (i alla fall om man flyttar alla tillhörande resurser också). Eftersom sökvägarna i sidan är relativa, kommer de att fortsätta gälla eftersom de utgår ifrån den plats där sidan ligger. Hade sökvägarna varit absoluta, kanske vi hade varit tvungen att gå igenom sidan och ändra så att alla länkar refererar dit där vi flyttat sidan.

	== Versaler och gemena spelar roll! ==		== Versaler och gemena spelar roll! ==

PGJ: /* Relativa sökvägar */

2016-10-05T06:25:42Z

Relativa sökvägar

← Äldre version		Versionen från 5 oktober 2016 kl. 06.25
Rad 82:		Rad 82:
	Andra möjliga specialtecken i [[sökväg]]ar är ”<code>.</code>” och ”<code>..</code>”. Dessa används för att ange relativa [[sökväg]]ar.		Andra möjliga specialtecken i [[sökväg]]ar är ”<code>.</code>” och ”<code>..</code>”. Dessa används för att ange relativa [[sökväg]]ar.

	Som hörs på namnet utgår en [[relativ sökväg]] ifrån en ~~känd~~ position och beskriver hur man hittar ifrån ~~den~~ positionen till en annan position. När det gäller [[URL]]:er är oftast startpositionen samma plats varifrån man hämtat dokumentet som innehåller [[URL]]:en.		Som hörs på namnet utgår en [[relativ sökväg]] ifrån en nuvarande position och beskriver hur man hittar ifrån denna positionen till en annan position. När det gäller [[URL]]:er är oftast startpositionen samma plats varifrån man hämtat dokumentet som innehåller [[URL]]:en.

	Låt oss säga att vi hämtat hem ett dokumentet som återfanns på <code>http://exempel.webbling.se/exempel.html</code>. I filen ”<code>exempel.html</code>” kan det nu finnas länkar som är relativa. Dessa länkar är då relativa till den katalog där ”<code>exempel.html</code>” återfinns, i detta fallet ”<code>/</code>” eller rot-katalogen. Om vi däremot har hämtat hem dokumentet i vårt andra exempel ”<code>/a/b/c/test.html</code>”, så kommer de relativa länkarna att utgå ifrån katalogen ”<code>/a/b/c/</code>”. Det vill säga samma underkatalog där vi hittade resursen ”<code>test.html</code>”.		Låt oss säga att vi hämtat hem ett dokumentet som återfanns på <code>http://exempel.webbling.se/exempel.html</code>. I filen ”<code>exempel.html</code>” kan det nu finnas länkar som är relativa. Dessa länkar är då relativa till den katalog där ”<code>exempel.html</code>” återfinns, i detta fallet ”<code>/</code>” eller rot-katalogen. Om vi däremot har hämtat hem dokumentet i vårt andra exempel ”<code>/a/b/c/test.html</code>”, så kommer de relativa länkarna att utgå ifrån katalogen ”<code>/a/b/c/</code>”. Det vill säga samma underkatalog där vi hittade resursen ”<code>test.html</code>”.

PGJ: /* Relativa sökvägar */

2016-10-05T06:24:23Z

Relativa sökvägar

← Äldre version		Versionen från 5 oktober 2016 kl. 06.24
Rad 80:		Rad 80:
	==== [[relativ sökväg\|Relativa sökvägar]] ====		==== [[relativ sökväg\|Relativa sökvägar]] ====

	Andra möjliga specialtecken i [[sökväg]]ar är ”.” och ”..”. Dessa används för att ange relativa [[sökväg]]ar.		Andra möjliga specialtecken i [[sökväg]]ar är ”<code>.</code>” och ”<code>..</code>”. Dessa används för att ange relativa [[sökväg]]ar.

	Som hörs på namnet utgår en [[relativ sökväg]] ifrån en känd position och beskriver hur man hittar ifrån den positionen till en annan position. När det gäller [[URL]]:er är oftast startpositionen samma plats varifrån man hämtat dokumentet som innehåller [[URL]]:en.		Som hörs på namnet utgår en [[relativ sökväg]] ifrån en känd position och beskriver hur man hittar ifrån den positionen till en annan position. När det gäller [[URL]]:er är oftast startpositionen samma plats varifrån man hämtat dokumentet som innehåller [[URL]]:en.

PGJ: /* Sökväg */

2016-10-05T06:22:54Z

Sökväg

← Äldre version		Versionen från 5 oktober 2016 kl. 06.22
Rad 51:		Rad 51:
	Sökvägens första ”<code>/</code>”-tecknet talar om att resursen finns i [[webbserver]]ns [[rot]]. En [[rot]] i ett filsystem är en logisk adress under vilken kataloger och filer kan finnas. Kör du på Windows är t.ex. ”<code>C:\</code>” en rot, medan om du kör Linux eller Mac OSX så pekar ”<code>/</code>” ut roten på ditt filsystem.		Sökvägens första ”<code>/</code>”-tecknet talar om att resursen finns i [[webbserver]]ns [[rot]]. En [[rot]] i ett filsystem är en logisk adress under vilken kataloger och filer kan finnas. Kör du på Windows är t.ex. ”<code>C:\</code>” en rot, medan om du kör Linux eller Mac OSX så pekar ”<code>/</code>” ut roten på ditt filsystem.

	Dock behöver inte en [[webbserver]]s [[sökväg]]ar vara identiska med [[sökväg]]arna i det filsystem som används på [[server]]n (vilket är tur, för det skulle kunna orsaka massvis med säkerhetshål). Istället pekar ~~man i~~ serverkonfigurationen ut en specifik katalog som webb-rot, i vilken man sen lägger sina webbresurser. När vi begär en resurs som ligger under ”<code>/</code>”, säger vi alltså att [[webbserver]]n ska titta i toppen på den filkatalog som konfigurerats som webb-rot.		Dock behöver inte en [[webbserver]]s [[sökväg]]ar vara identiska med [[sökväg]]arna i det filsystem som används på [[server]]n (vilket är tur, för det skulle kunna orsaka massvis med säkerhetshål). Istället pekar serverkonfigurationen ut en specifik katalog som webb-rot, i vilken man sen lägger sina webbresurser. När vi begär en resurs som ligger under ”<code>/</code>”, säger vi alltså att [[webbserver]]n ska titta i toppen på den filkatalog som konfigurerats som webb-rot.

	I vårt exempel har vi angett att vi vill ha en resurs som heter ”<code>exempel.html</code>”. Detta är antagligen en fil som ligger i den angivna katalogen. Om filen existerar kommer servern att skicka den till oss, om den inte existerar kommer vi att få ett felmeddelande.		I vårt exempel har vi angett att vi vill ha en resurs som heter ”<code>exempel.html</code>”. Detta är antagligen en fil som ligger i den angivna katalogen. Om filen existerar kommer servern att skicka den till oss, om den inte existerar kommer vi att få ett felmeddelande.
Rad 57:		Rad 57:
	Ibland har man inte ett filnamn på slutet av sökvägen, istället står där endast en ren sökväg. Detta betyder att man vill komma åt den fil som är inställd som förval för just den sökvägen. Vilken fil som då levereras är något som ställs in på webbservern. På de flesta servrar är förvalet satt till att sända tillbaka den fil som heter <code>index.html</code>. Det går dock att sätta till vilken fil som helst och det behöver inte ens vara en HTML-fil. Det är alltså upp till den som har hand om servern att ställa in detta.		Ibland har man inte ett filnamn på slutet av sökvägen, istället står där endast en ren sökväg. Detta betyder att man vill komma åt den fil som är inställd som förval för just den sökvägen. Vilken fil som då levereras är något som ställs in på webbservern. På de flesta servrar är förvalet satt till att sända tillbaka den fil som heter <code>index.html</code>. Det går dock att sätta till vilken fil som helst och det behöver inte ens vara en HTML-fil. Det är alltså upp till den som har hand om servern att ställa in detta.

	Generellt kan man säga att om man skapar en fil som heter just <code>index.html</code>, så kommer denna fil att laddas in då en [[URL]] pekar ut den katalog ~~som~~ filen finns. Ett exempel på detta skulle kunna vara:		Generellt kan man säga att om man skapar en fil som heter just <code>index.html</code>, så kommer denna fil att laddas in då en [[URL]] pekar till den katalog där filen finns. Ett exempel på detta skulle kunna vara:

	<code>http://webbling.se/</code>		<code>http://webbling.se/</code>

PGJ: /* Auktoritet/server */

2016-10-05T06:19:06Z

Auktoritet/server

← Äldre version		Versionen från 5 oktober 2016 kl. 06.19
Rad 43:		Rad 43:

	<div class="well well-danger">		<div class="well well-danger">
	Om du provar att gå till IP-adressen för Webbling så kommer det inte att gå så bra. Anledningen till detta är att Webbling körs på en server som hanterar många olika webbsajter. Servern använder auktoritetsnamnet för att se till att rätt webbsajt hanterar inkommande förfrågningar. Så när vi försöker komma åt sajten med enbart IP-adressen, kommer ~~den~~ inte att fatta vilken ~~server~~ det är ~~som ska hantera vår förfrågan~~. Vilket i detta fall kommer att göra att man hamnar på fel webbsajt. En webbsajt där filen "exempel.html" inte finns att tillgå.		Om du provar att gå till IP-adressen för Webbling så kommer det inte att gå så bra. Anledningen till detta är att Webbling körs på en server som hanterar många olika webbsajter. Servern använder auktoritetsnamnet för att se till att rätt webbsajt hanterar inkommande förfrågningar. Så när vi försöker komma åt sajten med enbart IP-adressen, kommer servern inte att fatta vilken sajt som det är vi vill komma åt. Vilket i detta fall kommer att göra att man hamnar på fel webbsajt. En webbsajt där filen "exempel.html" inte finns att tillgå.
	</div>		</div>

PGJ: /* Auktoritet/server */

2016-10-04T08:56:56Z

Auktoritet/server

← Äldre version		Versionen från 4 oktober 2016 kl. 08.56
Rad 36:		Rad 36:
	[[Domännamn]] är en typ av [[internetadress]]er som måste översättas till en numerisk [[IP]]-adress innan man kan hämta resursen. För det används [[DNS]], ”[[Domain Name Server]]”, som kan ses som internets telefonkatalog (om nu nån minns vad en telefonkatalog är). För de flesta är det mycket enklare att komma ihåg ett [[domännamn]], än en [[IP]]-adress. [[Webbling]]s [[IP]]-adress är just nu; 155.4.35.247, vilket är nog så krångligt att komma ihåg. Se artikeln om [[domännamn]] för mer information om dessa.		[[Domännamn]] är en typ av [[internetadress]]er som måste översättas till en numerisk [[IP]]-adress innan man kan hämta resursen. För det används [[DNS]], ”[[Domain Name Server]]”, som kan ses som internets telefonkatalog (om nu nån minns vad en telefonkatalog är). För de flesta är det mycket enklare att komma ihåg ett [[domännamn]], än en [[IP]]-adress. [[Webbling]]s [[IP]]-adress är just nu; 155.4.35.247, vilket är nog så krångligt att komma ihåg. Se artikeln om [[domännamn]] för mer information om dessa.

	I många fall skulle vi kunna ~~skrivit~~ [[IP]]-adressen i [[URL]]:en och den hade då sett ut så här:		I många fall skulle vi kunna skriva [[IP]]-adressen i [[URL]]:en och den hade då sett ut så här:
	http://155.4.35.247/exempel.html		http://155.4.35.247/exempel.html
	istället för det "normala" sättet att ange en webbadress:		istället för det "normala" sättet att ange en webbadress: