Tagg-grunder - Versionshistorik

PGJ den 6 augusti 2024 kl. 14.10

2024-08-06T14:10:35Z

← Äldre version		Versionen från 6 augusti 2024 kl. 14.10
Rad 16:		Rad 16:
	Man inleder alltså ett element i HTML-kod med en starttagg. Starttaggen anges på formen <code><''taggnamn''></code>, där <code>''taggnamn''</code> är en av alla de taggar som finns med i HTML5-standarden. Man kan även ange attribut och liknande i en tagg, men det återkommer vi snart till. Det är viktigt att se till att man stavar taggnamnet helt korrekt, annars kommer inte webbläsaren att fatta vad man menar. I HTML5 går det att blanda stora/små bokstäver i ett taggnamn, men det är bäst att skriva taggnamn med små bokstäver (gemena).		Man inleder alltså ett element i HTML-kod med en starttagg. Starttaggen anges på formen <code><''taggnamn''></code>, där <code>''taggnamn''</code> är en av alla de taggar som finns med i HTML5-standarden. Man kan även ange attribut och liknande i en tagg, men det återkommer vi snart till. Det är viktigt att se till att man stavar taggnamnet helt korrekt, annars kommer inte webbläsaren att fatta vad man menar. I HTML5 går det att blanda stora/små bokstäver i ett taggnamn, men det är bäst att skriva taggnamn med små bokstäver (gemena).

	<div class="well ~~well-warning~~">		<div class="well">
	För att skriva vettig kod är det viktigt att du använder taggarna på rätt sätt. Varje tagg har ett specifikt syfte och ska enbart användas för detta syfte. Om du är osäker på hur en tagg ska användas, läs på innan du börjar använda den! En bra början är att titta på [[~~html5~~-taggar\|listan över taggar]].		För att skriva vettig kod är det viktigt att du använder taggarna på rätt sätt. Varje tagg har ett specifikt syfte och ska enbart användas för detta syfte. Om du är osäker på hur en tagg ska användas, läs på innan du börjar använda den! En bra början är att titta på [[HTML5-taggar\|listan över taggar]].
	</div>		</div>

PGJ den 6 augusti 2024 kl. 14.08

2024-08-06T14:08:49Z

PGJ: /* Sluttaggar */

2020-06-20T12:43:35Z

Sluttaggar

← Äldre version		Versionen från 20 juni 2020 kl. 12.43
Rad 21:		Rad 21:

	== Sluttaggar ==		== Sluttaggar ==
	För så gott som alla [[tagg]]ar används även en [[sluttagg]]. Precis som [[starttagg]]en talar om var ett en tagg börjar gälla, talar [[sluttagg]]en om var taggen upphör att gälla. [[Sluttagg]]ar ser ut som och heter det samma som [[starttagg]]arna, med den skillnaden att man alltid lägger till ett ”<code>/</code>”-tecken före taggnamnet. Den [[tagg]] som vi hade som exempel tidigare; ”<code><[[hx\|h1]]></code>”, har alltså en motsvarande [[sluttagg]] som ser ut så här; ”<code></h1></code>”. Liksom med starttaggarna är det viktigt att stava rätt. Det är extra viktigt att inte utelämna "<code>/</code>"-tecknet. Gör du det kommer webbläsaren att tro att det är en starttagg, vilket kan ge oförutsedda konsekvenser (knappast bra sådana).		För så gott som alla [[tagg]]ar används även en [[sluttagg]]. Precis som [[starttagg]]en talar om var ett en tagg börjar gälla, talar [[sluttagg]]en om var taggen upphör att gälla. [[Sluttagg]]ar ser ut som och heter det samma som [[starttagg]]arna, med den skillnaden att man alltid lägger till ett ”<code>/</code>”-tecken före taggnamnet. Den [[tagg]] som vi hade som exempel tidigare; ”<code><[[hx\|h1]]></code>”, har alltså en motsvarande [[sluttagg]] som ser ut så här; ”<code></h1></code>”. Liksom med starttaggarna är det viktigt att stava rätt. Det är extra viktigt att inte utelämna "<code>/</code>"-tecknet. Gör du det kommer webbläsaren att tro att det är en ny starttagg, vilket kan leda till oförutsedda konsekvenser (knappast bra sådana).

	== Utelämna sluttaggar ==		== Utelämna sluttaggar ==

PGJ: /* Taggarnas uppbyggnad */

2020-06-20T12:36:42Z

Taggarnas uppbyggnad

← Äldre version		Versionen från 20 juni 2020 kl. 12.36
Rad 4:		Rad 4:

	== Taggarnas uppbyggnad ==		== Taggarnas uppbyggnad ==
	Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med ~~den punkten~~ som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.		Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med detta tecken som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.

	HTML:s hantering av ”<code><</code>”, gör att man inte kan lägga in dessa tecken hur som helst i sina dokument. Så om man vill använda sig av ”<code><</code>” som ett vanligt tecken och inte som start för en HTML-tagg, måste man ange en specialkod. Vi återkommer till denna typ av specialkoder...		HTML:s hantering av ”<code><</code>”, gör att man inte kan lägga in dessa tecken hur som helst i sina dokument. Så om man vill använda sig av ”<code><</code>” som ett vanligt tecken och inte som start för en HTML-tagg, måste man ange en specialkod. Vi återkommer till denna typ av specialkoder...

PGJ den 20 juni 2020 kl. 12.35

2020-06-20T12:35:42Z

← Äldre version		Versionen från 20 juni 2020 kl. 12.35
Rad 1:		Rad 1:
	Som vi konstaterade tidigare så bygger [[HTML]] på [[tagg]]ar och [[element]]. Taggarna är de byggklossar som bygger upp sidans grundutseende och struktur. För att kunna förstå [[HTML]], måste vi förstå hur dess [[tagg]]ar och [[element]] är uppbyggda.		Som vi konstaterade tidigare så bygger [[HTML]] på [[tagg]]ar och [[element]]. Taggarna är de byggklossar som bygger upp sidans grundutseende och struktur. För att kunna förstå [[HTML]], måste vi förstå hur dess [[tagg]]ar och [[element]] är uppbyggda.

	I de allra flesta fall består [[HTML]]-[[tagg]]arna av ett taggpar, man har en [[starttagg]] och en [[sluttagg]]. Den senare utelämnas i vissa fall. Innehållet som finns mellan [[tagg]]-delarna är den data som vi vill märka på något vis. När webbläsaren sedan tolkar dokumentet kommer den, med hjälp av [[tagg]]arna, att kunna behandla dokumentet på ett korrekt vis och skapa [[element]] utifrån [[tagg]]arna och deras innehåll.		I de allra flesta fall består [[HTML]]-[[tagg]]arna av ett taggpar, man har en [[starttagg]] och en [[sluttagg]]. Den senare utelämnas i vissa fall. Innehållet som finns mellan [[tagg]]-delarna är den data som vi vill märka upp på något vis. När webbläsaren sedan tolkar dokumentet kommer den, med hjälp av [[tagg]]arna, att kunna behandla dokumentet på ett korrekt vis och skapa [[element]] utifrån [[tagg]]arna och deras innehåll.

	== Taggarnas uppbyggnad ==		== Taggarnas uppbyggnad ==

PGJ den 3 augusti 2019 kl. 10.52

2019-08-03T10:52:28Z

← Äldre version		Versionen från 3 augusti 2019 kl. 10.52
Rad 1:		Rad 1:
	Som vi konstaterade tidigare så bygger [[HTML]] på [[tagg]]ar och [[element]]. Taggarna är de byggklossar som bygger upp sidans grundutseende och struktur. För att kunna förstå [[HTML]], måste vi förstå hur dess [[tagg]]ar och [[element]] är uppbyggda.		Som vi konstaterade tidigare så bygger [[HTML]] på [[tagg]]ar och [[element]]. Taggarna är de byggklossar som bygger upp sidans grundutseende och struktur. För att kunna förstå [[HTML]], måste vi förstå hur dess [[tagg]]ar och [[element]] är uppbyggda.

	I de allra flesta fall består [[HTML]]-[[tagg]]arna av ett taggpar~~. Oftast~~ har ~~man~~ en [[starttagg]] och en [[sluttagg]]. Den senare utelämnas i vissa fall. Innehållet som finns mellan [[tagg]]-delarna är ~~alltså det~~ som vi vill märka ~~upp~~ på något vis. När webbläsaren sedan tolkar dokumentet kommer den med hjälp av [[tagg]]arna att kunna behandla dokumentet på ett korrekt vis och skapa [[element]] utifrån [[tagg]]arna och deras innehåll.		I de allra flesta fall består [[HTML]]-[[tagg]]arna av ett taggpar, man har en [[starttagg]] och en [[sluttagg]]. Den senare utelämnas i vissa fall. Innehållet som finns mellan [[tagg]]-delarna är den data som vi vill märka på något vis. När webbläsaren sedan tolkar dokumentet kommer den, med hjälp av [[tagg]]arna, att kunna behandla dokumentet på ett korrekt vis och skapa [[element]] utifrån [[tagg]]arna och deras innehåll.

	== Taggarnas uppbyggnad ==		== Taggarnas uppbyggnad ==
	Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med den punkten som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.		Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med den punkten som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.

	HTML:s hantering av ”<code><</code>”, gör att man inte kan lägga in dessa tecken hur som helst i sina dokument. Så om man vill använda sig av ”<code><</code>” som vanligt tecken och inte som ~~starten på~~ en HTML-tagg, måste man ange en specialkod. Vi återkommer till denna typ av specialkoder...		HTML:s hantering av ”<code><</code>”, gör att man inte kan lägga in dessa tecken hur som helst i sina dokument. Så om man vill använda sig av ”<code><</code>” som ett vanligt tecken och inte som start för en HTML-tagg, måste man ange en specialkod. Vi återkommer till denna typ av specialkoder...

	== HTML5:s tagguppsättning ==		== HTML5:s tagguppsättning ==
	Man kan inte uppfinna nya [[tagg]]ar allteftersom man känner för det, utan det finns en förutbestämd uppsättning av [[tagg]]ar som definierats i [[HTML5]]-[[standard]]en och det är enbart dessa som webbläsare fattar. Det finns en uppsjö av olika [[tagg]]ar. Dock är det inte helt nödvändigt att kunna dem alla utantill. Det är bra att komma ihåg vilka olika typer av [[tagg]]ar som finns, men de mer obskyra [[tagg]]arna kan man alltid slå upp när man väl behöver dem.		Man kan inte uppfinna nya [[tagg]]ar allteftersom man känner för det, utan det finns en förutbestämd uppsättning av [[tagg]]ar som definierats i [[HTML5]]-[[standard]]en och det är enbart dessa taggar som webbläsare fattar. Det finns en uppsjö av olika [[tagg]]ar. Dock är det inte helt nödvändigt att kunna dem alla utantill. Det är bra att komma ihåg vilka olika typer av [[tagg]]ar som finns, men de mer obskyra [[tagg]]arna kan man alltid slå upp när man väl behöver dem.

	I de flesta fall finns det en [[tagg]] som passar det syfte man är ute efter, men för de tillfällen då man inte hittar exakt vad man behöver så finns det några generella [[tagg]]ar som kan användas för att märka upp information som inte har någon speciell [[semantik\|semantisk]] betydelse. En vanlig anledning till att vilja markera upp saker med dessa generella [[tagg]]ar är för att informationen ska ges ett speciellt utseende, med hjälp av [[CSS]], eller för att informationen ska behandlas av ett [[JavaScript]]-program.		I de flesta fall finns det en [[tagg]] som passar det syfte man är ute efter, men för de tillfällen då man inte hittar exakt vad man behöver så finns det några generella [[tagg]]ar som kan användas för att märka upp information som inte har någon speciell [[semantik\|semantisk]] betydelse. En vanlig anledning till att vilja markera upp saker med dessa generella [[tagg]]ar är för att informationen ska ges ett speciellt utseende, med hjälp av [[CSS]], eller för att informationen ska behandlas av ett [[JavaScript]]-program.
Rad 17:		Rad 17:

	<div class="well well-warning">		<div class="well well-warning">
	För att skriva vettig kod är det viktigt att du använder taggarna på rätt sätt~~, varje~~ tagg har ett syfte och ska enbart användas för detta syfte. Om du är osäker på hur en tagg ska användas, läs på innan du börjar använda den! En bra början är att titta på [[html5-taggar\|listan över taggar]].		För att skriva vettig kod är det viktigt att du använder taggarna på rätt sätt. Varje tagg har ett syfte och ska enbart användas för detta syfte. Om du är osäker på hur en tagg ska användas, läs på innan du börjar använda den! En bra början är att titta på [[html5-taggar\|listan över taggar]].
	</div>		</div>

	== Sluttaggar ==		== Sluttaggar ==
	För så gott som alla [[tagg]]ar används även en [[sluttagg]]. Precis som [[starttagg]]en talar om var ett en tagg börjar gälla, talar [[sluttagg]]en om var taggen upphör att gälla. [[Sluttagg]]ar ser ut som och heter det samma som [[starttagg]]arna, med den skillnaden att man alltid lägger till ett ”<code>/</code>”-tecken före taggnamnet. ~~Så den~~ [[tagg]] som vi hade som exempel tidigare; ”<code><[[hx\|h1]]></code>”, har alltså en motsvarande [[sluttagg]] som ser ut så här; ”<code></h1></code>”. Liksom med starttaggarna är det viktigt att stava rätt. Det är extra viktigt att inte utelämna "<code>/</code>"-tecknet~~, gör~~ du det kommer webbläsaren att tro att det är en starttagg, vilket kan ge oförutsedda konsekvenser (knappast bra sådana).		För så gott som alla [[tagg]]ar används även en [[sluttagg]]. Precis som [[starttagg]]en talar om var ett en tagg börjar gälla, talar [[sluttagg]]en om var taggen upphör att gälla. [[Sluttagg]]ar ser ut som och heter det samma som [[starttagg]]arna, med den skillnaden att man alltid lägger till ett ”<code>/</code>”-tecken före taggnamnet. Den [[tagg]] som vi hade som exempel tidigare; ”<code><[[hx\|h1]]></code>”, har alltså en motsvarande [[sluttagg]] som ser ut så här; ”<code></h1></code>”. Liksom med starttaggarna är det viktigt att stava rätt. Det är extra viktigt att inte utelämna "<code>/</code>"-tecknet. Gör du det kommer webbläsaren att tro att det är en starttagg, vilket kan ge oförutsedda konsekvenser (knappast bra sådana).

	== Utelämna sluttaggar ==		== Utelämna sluttaggar ==
	I vissa fall kan man utelämna [[sluttagg]]en, men det är oftast en bra vana att lägga dit den även om den inte är nödvändig. Det gör det lättare att se var ett [[element]] börjar och var det slutar, samt att vissa utvecklingsverktyg fungerar bättre om båda [[tagg]]~~arna~~ är med. I de fall man råkar utelämna sluttaggen och den är nödvändig, kan det bli rejäla fel när webbläsaren försöker tolka ditt dokument och slutresultatet kanske inte alls blir vad du tänkt dig.		I vissa fall kan man utelämna [[sluttagg]]en, men det är oftast en bra vana att lägga dit den även om den inte är nödvändig. Det gör det lättare att se var ett [[element]] börjar och var det slutar, samt att vissa utvecklingsverktyg fungerar bättre om båda [[tagg]]-delarna är med. I de fall man råkar utelämna sluttaggen och den är nödvändig, kan det bli rejäla fel när webbläsaren försöker tolka ditt dokument och slutresultatet kanske inte alls blir vad du tänkt dig.

	Dock finns det ett fåtal [[tagg]]ar till vilka man ''aldrig'' använder en [[sluttagg]]. Vi återkommer till dessa senare.		Dock finns det ett fåtal [[tagg]]ar till vilka man ''aldrig'' använder en [[sluttagg]]. Vi återkommer till dessa senare.

PGJ: /* Starttaggar */

2019-01-11T20:38:47Z

Starttaggar

← Äldre version		Versionen från 11 januari 2019 kl. 20.38
Rad 14:		Rad 14:

	== Starttaggar ==		== Starttaggar ==
	Man inleder alltså ett ~~kommando~~ i HTML-kod med en starttagg. Starttaggen anges på formen <code><''taggnamn''></code>, där <code>taggnamn</code> är en av alla de taggar som finns med i HTML5-standarden. Man kan även ange attribut och liknande i en tagg, men det återkommer vi snart till. Det är viktigt att se till att man stavar taggnamnet helt korrekt, annars kommer inte webbläsaren att fatta vad du menar. I HTML5 går det att blanda stora/små bokstäver i ett taggnamn, men det är alltid bäst att skriva taggnamn med små bokstäver (gemena).		Man inleder alltså ett element i HTML-kod med en starttagg. Starttaggen anges på formen <code><''taggnamn''></code>, där <code>''taggnamn''</code> är en av alla de taggar som finns med i HTML5-standarden. Man kan även ange attribut och liknande i en tagg, men det återkommer vi snart till. Det är viktigt att se till att man stavar taggnamnet helt korrekt, annars kommer inte webbläsaren att fatta vad du menar. I HTML5 går det att blanda stora/små bokstäver i ett taggnamn, men det är alltid bäst att skriva taggnamn med små bokstäver (gemena).

	<div class="well well-warning">		<div class="well well-warning">

PGJ den 11 januari 2019 kl. 20.33

2019-01-11T20:33:50Z

← Äldre version		Versionen från 11 januari 2019 kl. 20.33
Rad 6:		Rad 6:
	Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med den punkten som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.		Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med den punkten som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.

	HTML:s hantering av ”<code><</code>”, gör att man inte kan lägga in dessa tecken hur som helst i sina dokument. Så om man vill använda sig av ”<code><</code>” som vanligt tecken och inte som starten på en HTML-tagg, måste man ange en specialkod~~, nämligen: <code>&lt;</code>~~. Vi återkommer till denna typ av ~~specialtecken~~...		HTML:s hantering av ”<code><</code>”, gör att man inte kan lägga in dessa tecken hur som helst i sina dokument. Så om man vill använda sig av ”<code><</code>” som vanligt tecken och inte som starten på en HTML-tagg, måste man ange en specialkod. Vi återkommer till denna typ av specialkoder...

	== HTML5:s tagguppsättning ==		== HTML5:s tagguppsättning ==

PGJ den 11 januari 2019 kl. 20.17

2019-01-11T20:17:48Z

← Äldre version		Versionen från 11 januari 2019 kl. 20.17
Rad 1:		Rad 1:
	Som vi konstaterade tidigare så bygger [[HTML]] på [[tagg]]ar och [[element]]. För att kunna förstå [[HTML]], måste vi förstå hur dess [[tagg]]ar och [[element]] är uppbyggda. I de allra flesta fall består [[HTML]]-[[tagg]]arna av ett taggpar. Oftast har man en [[starttagg]] och en [[sluttagg]]. Den senare utelämnas i vissa fall. Innehållet som finns mellan [[tagg]]-delarna är alltså det som vi vill märka upp på något vis. När webbläsaren sedan tolkar dokumentet kommer den med hjälp av [[tagg]]arna att kunna behandla dokumentet på ett korrekt vis och skapa [[element]] utifrån [[tagg]]arna och deras innehåll. ~~Taggarna är de byggklossar som bygger upp sidans grundutseende och struktur.~~		Som vi konstaterade tidigare så bygger [[HTML]] på [[tagg]]ar och [[element]]. Taggarna är de byggklossar som bygger upp sidans grundutseende och struktur. För att kunna förstå [[HTML]], måste vi förstå hur dess [[tagg]]ar och [[element]] är uppbyggda.

			I de allra flesta fall består [[HTML]]-[[tagg]]arna av ett taggpar. Oftast har man en [[starttagg]] och en [[sluttagg]]. Den senare utelämnas i vissa fall. Innehållet som finns mellan [[tagg]]-delarna är alltså det som vi vill märka upp på något vis. När webbläsaren sedan tolkar dokumentet kommer den med hjälp av [[tagg]]arna att kunna behandla dokumentet på ett korrekt vis och skapa [[element]] utifrån [[tagg]]arna och deras innehåll.

	== Taggarnas uppbyggnad ==		== Taggarnas uppbyggnad ==
	Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med den punkten som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.		Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med den punkten som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.

PGJ: /* Taggarnas uppbyggnad */

2019-01-11T20:15:31Z

Taggarnas uppbyggnad

← Äldre version		Versionen från 11 januari 2019 kl. 20.15
Rad 3:		Rad 3:
	Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med den punkten som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.		Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med den punkten som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.

	HTML:s hantering av ”<code><</code>”, gör att man inte kan lägga in dessa tecken hur som helst i sina dokument. Så om man vill använda sig av ”<code><</code>” som vanligt tecken och inte som starten på en HTML-tagg, måste man ange en specialkod. Vi återkommer till ~~detta~~...		HTML:s hantering av ”<code><</code>”, gör att man inte kan lägga in dessa tecken hur som helst i sina dokument. Så om man vill använda sig av ”<code><</code>” som vanligt tecken och inte som starten på en HTML-tagg, måste man ange en specialkod, nämligen: <code>&lt;</code>. Vi återkommer till denna typ av specialtecken...

	== HTML5:s tagguppsättning ==		== HTML5:s tagguppsättning ==

← Äldre version		Versionen från 6 augusti 2024 kl. 14.08
Rad 1:		Rad 1:
	Som vi konstaterade tidigare så bygger [[HTML]] på [[tagg]]ar och [[element]]. Taggarna är de byggklossar som bygger upp sidans grundutseende och struktur. För att kunna förstå [[HTML]], måste vi förstå hur dess [[tagg]]ar och [[element]] är uppbyggda.		Som vi konstaterade tidigare så bygger [[HTML]] på [[tagg]]ar och [[element]]. Taggarna är de byggklossar som bygger upp sidans grundutseende och struktur. För att kunna förstå [[HTML]], måste vi förstå hur dess [[tagg]]ar och [[element]] är uppbyggda.

	I de allra flesta fall består [[HTML]]-[[tagg]]arna av ett taggpar, man har en [[starttagg]] och en [[sluttagg]]~~. Den senare utelämnas i vissa fall~~. Innehållet som finns mellan [[tagg]]-delarna är den data som vi vill märka upp på något vis. När webbläsaren sedan tolkar dokumentet kommer den, med hjälp av [[tagg]]arna, att kunna behandla dokumentet på ett korrekt vis och skapa [[element]] utifrån [[tagg]]arna och deras innehåll.		I de allra flesta fall består [[HTML]]-[[tagg]]arna av ett taggpar, man har en [[starttagg]] och en [[sluttagg]]. Innehållet som finns mellan [[tagg]]-delarna är den data som vi vill märka upp på något vis. När webbläsaren sedan tolkar dokumentet kommer den, med hjälp av [[tagg]]arna, att kunna behandla dokumentet på ett korrekt vis och skapa [[element]] utifrån [[tagg]]arna och deras innehåll.

	== Taggarnas uppbyggnad ==		== Taggarnas uppbyggnad ==
	Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med detta tecken som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.		Alla [[tagg]]ar, såväl start som slut, ligger inom tecknen ”<code><</code>” och ”<code>></code>”. Så en [[tagg]] kan se ut så här ”<code><[[hx\|h1]]></code>”. Detta är <code>h1</code>-taggen, vilken används för att markera att något är en huvudrubrik. När webbläsaren tolkar ett dokument och träffar på ett ”<code><</code>”-tecken kommer den att börja tolka allt från och med detta tecken som en tagg, ända tills den hittar ett motsvarande ”<code>></code>”-tecken.

	HTML:s hantering av ”<code><</code>”, gör att man inte kan lägga in dessa tecken hur som helst i sina dokument. Så om man vill använda sig av ”<code><</code>” som ett vanligt tecken och inte som start för en HTML-tagg, måste man ange en specialkod. Vi återkommer till denna typ av specialkoder...		HTML:s hantering av ”<code><</code>”, gör att man inte kan lägga in dessa tecken hur som helst i sina dokument. Så om man vill använda sig av ”<code><</code>” som ett vanligt tecken och inte som start för en HTML-tagg, måste man ange en specialkod. Vi återkommer till denna typ av specialkoder.

	== HTML5:s tagguppsättning ==		== HTML5:s tagguppsättning ==
Rad 14:		Rad 14:

	== Starttaggar ==		== Starttaggar ==
	Man inleder alltså ett element i HTML-kod med en starttagg. Starttaggen anges på formen <code><''taggnamn''></code>, där <code>''taggnamn''</code> är en av alla de taggar som finns med i HTML5-standarden. Man kan även ange attribut och liknande i en tagg, men det återkommer vi snart till. Det är viktigt att se till att man stavar taggnamnet helt korrekt, annars kommer inte webbläsaren att fatta vad du menar. I HTML5 går det att blanda stora/små bokstäver i ett taggnamn, men det är ~~alltid~~ bäst att skriva taggnamn med små bokstäver (gemena).		Man inleder alltså ett element i HTML-kod med en starttagg. Starttaggen anges på formen <code><''taggnamn''></code>, där <code>''taggnamn''</code> är en av alla de taggar som finns med i HTML5-standarden. Man kan även ange attribut och liknande i en tagg, men det återkommer vi snart till. Det är viktigt att se till att man stavar taggnamnet helt korrekt, annars kommer inte webbläsaren att fatta vad man menar. I HTML5 går det att blanda stora/små bokstäver i ett taggnamn, men det är bäst att skriva taggnamn med små bokstäver (gemena).

	<div class="well well-warning">		<div class="well well-warning">
	För att skriva vettig kod är det viktigt att du använder taggarna på rätt sätt. Varje tagg har ett syfte och ska enbart användas för detta syfte. Om du är osäker på hur en tagg ska användas, läs på innan du börjar använda den! En bra början är att titta på [[html5-taggar\|listan över taggar]].		För att skriva vettig kod är det viktigt att du använder taggarna på rätt sätt. Varje tagg har ett specifikt syfte och ska enbart användas för detta syfte. Om du är osäker på hur en tagg ska användas, läs på innan du börjar använda den! En bra början är att titta på [[html5-taggar\|listan över taggar]].
	</div>		</div>

Rad 26:		Rad 26:
	I vissa fall kan man utelämna [[sluttagg]]en, men det är oftast en bra vana att lägga dit den även om den inte är nödvändig. Det gör det lättare att se var ett [[element]] börjar och var det slutar, samt att vissa utvecklingsverktyg fungerar bättre om båda [[tagg]]-delarna är med. I de fall man råkar utelämna sluttaggen och den är nödvändig, kan det bli rejäla fel när webbläsaren försöker tolka ditt dokument och slutresultatet kanske inte alls blir vad du tänkt dig.		I vissa fall kan man utelämna [[sluttagg]]en, men det är oftast en bra vana att lägga dit den även om den inte är nödvändig. Det gör det lättare att se var ett [[element]] börjar och var det slutar, samt att vissa utvecklingsverktyg fungerar bättre om båda [[tagg]]-delarna är med. I de fall man råkar utelämna sluttaggen och den är nödvändig, kan det bli rejäla fel när webbläsaren försöker tolka ditt dokument och slutresultatet kanske inte alls blir vad du tänkt dig.

	Dock finns det ett fåtal [[tagg]]ar till vilka man ''aldrig'' använder en [[sluttagg]]. Vi ~~återkommer~~ till ~~dessa senare~~.		Dock finns det ett fåtal [[tagg]]ar till vilka man ''aldrig'' använder en [[sluttagg]]. Ett exempel på det är <code><img></code> som används för att lägga in bilder. Vi kommer att se några till exempel på denna typ av taggar längre fram.

	== Hur skriver man ett "<"-tecken? ==		== Hur skriver man ett "<"-tecken? ==
	Som vi konstaterat så indikerar <code><</code> att en tagg ska starta. Om man vill ha ett ”mindre än”-tecken i sitt dokument, måste man skriva det med hjälp av en speciell kod – i detta fall är koden ”<code>&lt;</code>”. Då kommer webbläsaren att förstå att man vill visa det specifika tecknet och att det inte är en [[starttagg]]. Det finns många dylika [[teckenkod]]er.		Som vi konstaterat så indikerar <code><</code> att en tagg ska starta. Om man vill ha ett ”mindre än”-tecken i sitt dokument, måste man skriva det med hjälp av en speciell kod – i detta fall är koden ”<code>&lt;</code>”. Då kommer webbläsaren att förstå att man vill visa det specifika tecknet och att det inte är en [[starttagg]]. Det finns många dylika [[teckenkod]]er, men för de flesta tecken behöver man inte använda sig av en kod.

	== Sammanfattning av taggar ==		== Sammanfattning av taggar ==