Visa källa för HTML5-taggar

Här är en lista över alla [[tagg]]ar/[[HTML-element]] som är tillgängliga i [[HTML5]]. Om du är van med "uråldrig" [[HTML]], dvs före HTML5, finns det ett antal [[tagg]]ar som nu har annorlunda definition än tidigare.

När du ska använda en [[tagg]] måste den sitta inom "<code>&lt;</code>" och "<code>&gt;</code>". Så <code>[[a]]</code>-[[tagg]]en skrivs "<code>&lt;[[a]]></code>". För att avsluta behöver du oftast en [[sluttagg]]. Denna skrivs enligt samma mall som starttaggen, fast med ett <code>/</code> före taggnamnet. Så sluttaggen för vår exempeltagg skulle bli <code>&lt;/a></code>. Se [[TLDR_Taggar|taggar-diagrammet]] för mer ingående information.

<div class="well well-warning">
Observera att [[HTML]] är en levande [[standard]], som utvecklas kontinuerligt. Det gör att det kan komma till [[tagg]]ar, det kan försvinna [[tagg]]ar och deras betydelse kan förändras med tiden. Följande taggar är dock tillgängliga i dagens HTML5.
</div>

== A ==
=== <code>[[a]]</code> ===
Används för att definiera länkar.
=== <code>[[abbr]]</code> ===
Definierar en förkortning och eventuellt en förklaring.
=== <code> [[address]] </code> ===
Kontaktinformation relaterad till den sektion som innehåller taggen.
=== <code> [[area]] </code> ===
Används i <code>[[map]]</code>-element för att definiera vilka regioner som är klickbara. Kan även koppla länkar till regionerna.
=== <code> [[article]] </code> ===
Markerar innehåll på sidan som är ett eget, självständig stycke.
=== <code> [[aside]] </code> ===
Markerar innehåll som är marginellt kopplat till huvudinnehållet.
=== <code> [[audio]] </code> ===
Används för att inkludera ljudinnehåll i en webbsida.

== B ==
=== <code> [[b]] </code> ===
Text som på något vis skiljer sig ifrån övrig text, t.ex. produktnamn eller något som ska stå ut ifrån annan text.
=== <code> [[base]] </code> ===
Definerar vilken grund-[[URL]] som ska användas för relativa länkar.
=== <code> [[bdi]] </code> ===
Används för att indikera text som kan skrivas i omvänd ordning, t.ex. Arabiska.
=== <code> [[bdo]] </code> ===
Används för att indikera text som ska skrivas i annan ordning, t.ex. för att växla mellan latinska språk och Arabiska och vice versa.
=== <code> [[blockquote]] </code> ===
Ett längre, blockcitat.
=== <code> [[body]] </code> ===
I denna finns själva innehållet på sidan.
=== <code> [[br]] </code> ===
Infogar en radbrytning.
=== <code> [[button]] </code> ===
En knapp i ett formulär.

== C ==
=== <code> [[canvas]] </code> ===
Definierar upp en region som skriptspråk kan använda för att rita figurer.
=== <code> [[caption]] </code> ===
Används för att ge en figurtext till en tabell.
=== <code> [[cite]] </code> ===
Används för att lägga till källhänvisning till ett citat.
=== <code> [[code]] </code> ===
Ett block med programkod.
=== <code> [[col]] </code> ===
En tabellkolumn.
=== <code> [[colgroup]] </code> ===
Används för att grupper ett antal kolumner i en tabell.

== D ==
=== <code> [[data]] </code> ===
Kopplar data till innehållet, som sedan kan användas av skript eller liknande.
=== <code> [[datalist]] </code> ===
Definierar en lista med alternativ för en [[input|<input>]]-kontroll.
=== <code> [[dd]] </code> ===
En förklaring till en term.
=== <code> [[del]] </code> ===
Markerar att text tagits bort ifrån ett dokument, t.ex. för att indikera att det redigerats. Ofta visas detta genom överstruken text.
=== <code> [[details]] </code> ===
Visar antingen mer information om någonting eller anger var man kan hitta mer information.
=== <code> [[dfn]] </code> ===
Definierar en term.
=== <code> [[div]] </code> ===
Används för att gruppera samman innehåll. Har ingen semantisk betydelse.
=== <code> [[dl]] </code> ===
En lista med termer och dess definition.
=== <code> [[dt]] </code> ===
En term som ska definieras.

== E ==
=== <code> [[em]] </code> ===
Innehållet innanför taggen ska betonas med emfas.
=== <code> [[embed]] </code> ===
Används för att infoga något slags extern komponent i webbsidan, t.ex. en plug-in.

== F ==
=== <code> [[fieldset]] </code> ===
Grupperar samman ett antal formulärkontroller.
=== <code> [[figcaption]] </code> ===
En förklarande text till en illustration/figur, ofta en bildtext.
=== <code> [[figure]] </code> ===
En egen sektion som på något vis illustrerar något i huvudsektionen, ofta en bild eller illustration.
=== <code> [[footer]] </code> ===
Material som ska vara med i sidfoten.
=== <code> [[form]] </code> ===
Påbörjar ett formulär.

== H ==
=== <code> [[hx|h1]] </code> ===
Översta rubriknivån. Denna ska enbart användas en gång per sektionselement.

=== <code> [[hx|h2]] </code> ===
Andra rubriknivån.
=== <code> [[hx|h3]] </code> ===
Tredje rubriknivån.

=== <code> [[hx|h4]] </code> ===
Fjärde rubriknivån.
=== <code> [[hx|h5]] </code> ===
Femte rubriknivån.
=== <code> [[hx|h6]] </code> ===
Sjätte rubriknivån.
=== <code> [[head]] </code> ===
Metadata om sidan, t.ex. sidonamn.
=== <code> [[header]] </code> ===
Material som ska vara med i sidhuvudet.
=== <code> [[hr]] </code> ===
Indikerar en brytning mellan två paragrafer.
=== <code> [[html-tagg|html]] </code> ===
Roten till HTML-dokumentet. Alla HTML-taggar måste ligga inuti denna.

== I ==
=== <code> [[i]] </code> ===
Text som på något vis skiljer sig ifrån övrig text, t.ex. tankar eller utländska ord.
=== <code> [[iframe]] </code> ===
Används för att infoga en webbsida i en annan webbsida.
=== <code> [[img]] </code> ===
Används för att lägga till en bild i en webbsida.
=== <code> [[input]] </code> ===
Används för olika typer av användarinmatning i formulär.
=== <code> [[ins]] </code> ===
Markerar att text lagts till i ett dokument, t.ex. för att indikera att det redigerats.

== K ==
=== <code> [[kbd]] </code> ===
Exempel på indata som en användare kan skriva in.
=== <code> [[keygen]] </code> ===
Används för att skicka med en publik nyckel för ett certifikat.

== L ==
=== <code> [[label]] </code> ===
Anger en rubrik för formulärkontroller.
=== <code> [[legend]] </code> ===
Anger en rubrik för formulärkontroller.
=== <code> [[li]] </code> ===
En post i en lista.
=== <code> [[link]] </code> ===
Definerar förhållanden mellan detta dokument och externa resurser. Används bl.a. för att länka till CSS-filer.

== M ==
=== <code> [[main]] </code> ===
Markerar vad som är sidans huvudinnehåll.
=== <code> [[map]] </code> ===
Definierar klickbara regioner i en grafisk bild.
=== <code> [[mark]] </code> ===
Markerar text på något vis, t.ex. för att markera upp sökta ord i en text.
=== <code> [[math]] </code> ===
Indikerar en region av mathml.
=== <code> [[menu]] </code> ===
Visar en lista över kommandon som kan genomföras.
=== <code> [[menuitem]] </code> ===
Ett kommando i en [[menu|<menu>]]-lista.

=== <code> [[meta]] </code> ===
Olika typer av metadata som inte det finns specifika taggar för.
=== <code> [[meter]] </code> ===
En mätare som visar och kan sätta ett valt värde mellan ett minimun och maximum.

== N ==
=== <code> [[nav]] </code> ===
Markerar innehåll som används för navigation.
=== <code> [[noscript]] </code> ===
Innehållet visas enbart om webbläsaren inte kan köra JavaScript.

== O ==
=== <code> [[object]] </code> ===
Indikerar en extern resurs som hanteras av en plug-in.
=== <code> [[ol]] </code> ===
En ordnad lista.
=== <code> [[optgroup]] </code> ===
Grupperar [[option]]-element i ett [[select]]-element.
=== <code> [[option]] </code> ===
Valbara element i ett [[select]]-element.
=== <code> [[output]] </code> ===
Används för att markera var i formuläret resultatet ifrån något slags beräkning/körning ska hamna.

== P ==
=== <code> [[p]] </code> ===
Ett textstycke.
=== <code> [[param]] </code> ===
Definierar parametrar till [[object]]-taggen.
=== <code> [[pre]] </code> ===
Förformaterad text, som inte ska formateras om av webbläsaren.
=== <code> [[progress]] </code> ===
Indikerar på något vis hur mycket som är genomfört.

== Q ==
=== <code> [[q]] </code> ===
Ett kortare citat i löpande text.

== R ==
=== <code> [[rp]] </code> ===
Används för att definiera hur ett tecken ska visas om det inte finns i teckensnittet, t.ex. för asiatiska språk. Används inuti [[rt]]-taggar.
=== <code> [[rt]] </code> ===
Används för att definiera det korrekta uttalet på asiatiska tecken, t.ex. kanji.
=== <code> [[ruby]] </code> ===
Används för att definiera det korrekta uttalet på asiatiska tecken, t.ex. kanji. Används inuti [[rt]]-taggar.

== S ==
=== <code> [[s]] </code> ===
Överstruken text, indikerar att innehållet inte längre är relevant.
=== <code> [[samp]] </code> ===
Exempel på utdata ifrån ett datorprogram.
=== <code> [[script-tagg|script]] </code> ===
Används för att lägga in eller ladda in ett [[skript]].
=== <code> [[section]] </code> ===
Grupperar samman en del av dokumentet.
=== <code> [[select]] </code> ===
Påbörjar en meny i ett formulär.
=== <code> [[small]] </code> ===
Finstilt innehåll, t.ex. copyright-information.
=== <code> [[source]] </code> ===
Används inuti [[video]]- och [[audio]]-taggar för att ange vilket material som ska spelas upp.
=== <code> [[span]] </code> ===
Markerar ett löptext som på något vis hör samman. Har ingen semantisk betydelse.
=== <code> [[strong]] </code> ===
Innehållet i taggen har stark betydelse.
=== <code> [[style]] </code> ===
Används för att inkludera [[CSS]]-kod i HTML-dokument.
=== <code> [[sub]] </code> ===
Nedsänkt text.
=== <code> [[summary]] </code> ===
Visar en kort beskrivning om datan i en [[details]]-tagg.
=== <code> [[sup]] </code> ===
Upphöjd text.
=== <code> [[svg]] </code> ===
Används för att infoga vektorgrafik av typen svg.

== T ==
=== <code> [[table]] </code> ===
Används för att skapa en tabell.
=== <code> [[tbody]] </code> ===
Används för att definiera huvudinnehållet i en tabell.
=== <code> [[td]] </code> ===
Markerar en tabellcell.
=== <code> [[textarea]] </code> ===
Ett redigerbart textfält.
=== <code> [[tfoot]] </code> ===
Används för att definiera tabellfoten i en tabell.
=== <code> [[th]] </code> ===
En tabellcell som är en rubrik.
=== <code> [[thead]] </code> ===
Används för att definiera tabellhuvudet i en tabell.
=== <code> [[time]] </code> ===
En tidsangivelse, tid eller datum.
=== <code> [[title]] </code> ===
Titeln på webbsidan.
=== <code> [[tr]] </code> ===
Markerar en tabellrad.
=== <code> [[track]] </code> ===
Används av [[video]] och [[audio]] för att lägga till olika typer av extra data, t.ex. för textning av en film.

== U ==
=== <code> [[u]] </code> ===
Text som på något vis kommenterar annan text, t.ex. för att indikera att något är felstavat.
=== <code> [[ul]] </code> ===
En oordnad lista.

== V ==
=== <code> [[var]] </code> ===
Ett variabelnamn, t.ex. för matematik eller programmering.
=== <code> [[video]] </code> ===
Används för att inkludera videoinnehåll i en webbsida.

== W ==
=== <code> [[wbr]] </code> ===
Markerar en plats i en text där det är ett bra tillfälle att göra en radbrytning om en sådan behövs.