Wikipedia:HTML-taggar

Manual
För läsare Övergripande Om Wikipedia Sökning Versionshistorik Ordlista Typer av sidor Namnrymder Artiklar Kategorier Portaler Användarsidor Diskussionssidor Specialsidor Undersidor Förgreningssidor Årskrönikor Namnrymden Wikipedia Typer av användare Användare Faddrar Tillbakarullare Administratörer IP-kontrollanter Byråkrater Robotar Gruppbehörigheter Ämnesorienterade användarguider För lärare För vandrare För släktforskare Övrigt Önskelista Wikipedia som källa Att återanvända material från Wikipedia Mobil vy
För skribenter Användarkonto Användarkonto Varför skapa ett konto? Logga in / skapa konto Användarnamn Bevakningslistan Användarbidrag Inställningar Skicka e-post Redigering Redigering Avsnitt, stycken, listor och rader Att skapa en ny artikel Bilder (tekniskt) Ljud Ladda upp filer Flytta sida Infoga sida Mindre ändring Sammanfattningsfältet Signera diskussionsinlägg Diffar Redigeringskonflikt Verktyg Wikilänkar Källhänvisningar Externa länkar Interwikilänkar Mallar Faktarutor Wikidata Listor Tabeller Taggar Gallerier Citat Färger Omdirigeringar Specialtecken Matematiska uttryck Avancerade hjälpmedel Magiska ord Personliga stilmallar och skript Externa hjälpmedel AutoWikiBrowser Twinkle Databasnerladdning
För administratörer Manual för administratörer Blockeringar Skrivskydd Raderingar Tillbakarullning
Se även Hjälp Frågesidor Introduktion Deltagarportalen Stilguide Policy och riktlinjer Manualen (PDF) Så fungerar Wikipedia (PDF)

MediaWikis eget märkspråk, Wiki markup, är en förenkling av HTML. Om man skriver någon wikikod i Wikipedia omvandlas den till HTML innan den skickas till webbläsaren (utom i redigeringsrutan). Till exempel, om man skriver tre stycken apostrofer runt om en text ('''fetstil''') skapas fetstil, men om man ber webbläsaren visa källkoden visas detta som <b>fetstil</b>. Wikikoden gör det lättare för användare att redigera i Wikipedia. Men wikikoden täcker inte alla behov och det är då man får använda HTML-taggar.

För enskilda tecken kan ”HTML-entiteter” användas, t.ex. ” ” för hårt mellanslag. Detta behövs då man vill lägga in ett tecken som inte lätt kan skrivas med ens tangentbord eller då tecknet har en specialbetydelse (såsom &). En del av tecknen kan läggas in med hjälp av listan under redigeringsrutan.

Det är lätt att använda HTML och CSS (style="...") så att webbsidans användbarhet lider, t.ex. genom att specificera en textfärg som råkar sammanfalla med användarens bakgrundsfärg, förminska texten så att den blir oläslig eller ersätta logiska attribut (rubrik) med fysiska (större stil). Att koden fungerar med din webbläsare och med dina inställningar betyder inte att den fungerar för andra. Använd därför dessa taggar sparsamt och se till att du förstår konsekvenserna om du byter ut wikikod mot HTML eller lägger in nya definitioner. Förklaringarna nedan är förenklingar, som hjälper att förstå existerande kod men inte ger stöd för valet att använda eller inte använda viss kod.

Syntax

Nästan alla taggar har en motsvarande sluttagg för att omgärda den text som de ska verka på. Sluttaggen innehåller aldrig några argument. Exempel:

En text med <span style="background-color: #ffff00">gul</span> bakgrund.

blir

En text med gul bakgrund.

Observera att tecknen i alla färgkoder på Wikipedia för bästa kompatibilitet bör skrivas med små bokstäver (gemener, alltså #ffff00), och inte med stora bokstäver (alltså inte #FFFF00).

Vissa taggar ska bara verka just där de står och behöver ingen sluttagg. Sådana taggar kan skrivas med ett / efter taggnamnet för att indikera att de är självavslutande. En radbrytning kan skrivas exempelvis <br />. I modern standard kan de skrivas utan /, men här tas de med, både för kompatibilitet med tidigare standard (XHTML) och för att läsare ska se vilka taggar som är självavslutande. Den enda tagg som bryter mot denna konvention är !-- för kommentarstext.

Nedan följer en lista över alla taggar som går att använda på svenskspråkiga Wikipedia.

HTML-taggar

Här listas HTML-taggar som går att använda på svenskspråkiga Wikipedia. Några av dessa taggar kan bytas ut med WikiML, Wikipedias egna märkspråk, vilket rekommenderas eftersom det är lättare.

Tagg	Beskrivning
<!--...-->	Gör så texten mellan hakarna bara är synlig i redigeringsläget Detta kommer att synas<!--, men det här döljs från det publicerade resultatet-->. ger: Detta kommer att synas.
<b>...</b>	Skapar fetstil (WikiML: tre stycken apostrofer, ' )
<blockquote>...</blockquote>	Används för längre citat
<br>	Radbrytning. Kan även skrivas <br />.
<caption>...</caption>	Används ihop med <table>-taggen för att ange en rubrik till tabellen.
<cite>...</cite>	Används numera för att markera ett verks titel, men ger ingen egen formatering. (Användes före HTML5 för markering av referenser och för citat. Citat kan istället presenteras med {{citat}} eller <blockquote>.)
<code>...</code>	Används för framhävning av kortare kodexempel. Visas som text med fast bredd och bakgrundsfärg. Se även MediaWiki-taggen <syntaxhighlight>.
<dd>...</dd>	Används tillsammans med <dl> för att ange en definition i en lista.
<del>...</del>	Stryker över texten
<div>...</div>	Oftast för att ange stilattribut till mallar med <div style=""> <div>-taggen kan användas för att tilldela CSS till layouten. Allt som står inom style=" " är sådant som styr CSS. De separeras med semikolon (;). Här kommer ett litet urval: border:1px solid #dcdcdc; skapar en ram som är 1 pixel tjock, den är heldragen och har färgen #dcdcdc (se Wikipedia:Färgtabell). Istället för solid kan linje vara dashed (streckad) eller dotted (prickad). background:#fcfcfc; Skapar en ljusgrå bakgrund. Förutom färg kan man även skriva transparent, så får den samma färg som den bakomliggande bakgrunden. color:red; All text blir röd (utom länkar) – d.v.s. osynlig för den som använder röd bakgrund. margin:5px; Lämnar utrymme runt (utanför ramen) som är 5 pixlar stort. margin-bottom:5px; Lämnar utrymme nedanför som är 5 pixlar stort. margin-bottom, margin-left och margin-right fungerar på samma sätt. margin:1em 2em; Skapar luft ovanför (top och bottom) som är 1em (em är relativ till teckenstorleken) och luft vid sidorna (right och left) som är 2em. margin:1em 2em 3em 4em; Skapar luft runt där top är 1 em, right är 2em, bottom är 3em och left är 4em. padding:5px; Skapar luft innanför ramen som är 5 pixlar stort. Man kan även specificera top, bottom, right och left på samma sätt som margin. font-size:95%; Gör texten till 95% av den förinsatta storleken. Man kan även använda parametrarna bigger och smaller, samt pt, som anger den absoluta textstorleken (vilket sällan är önskvärt). text-align:right; ställer in högerställd text. vertical-align:top; gör att innehållet hamnar längst upp i rutan. line-height:150%; ställer in 1,5 som radavstånd.
<dl>...</dl>	Skapar med <dd> och <dt> en lista med definitioner. <dl> <dt>Kub</dt> <dd>Geometrisk kropp med sex kvadratiska ytor</dd> <dt>Klot</dt> <dd>Geometrisk kropp med sfärisk yta</dd> </dl> ger: Kub Geometrisk kropp med sex kvadratiska ytor Klot Geometrisk kropp med sfärisk yta
<dt>...</dt>	Används tillsammans med <dl> till att ange en definitionsterm.
<em>...</em>	För betonad (emphasized) text. Skapar i de flesta webbläsare kursiv stil. (WikiML: två stycken apostrofer, ' )
<h1>...</h1> <h2>...</h2> <h3>...</h3> <h4>...</h4> <h5>...</h5> <h6>...</h6>	Skapar rubriker. Ju högre nummer desto mindre rubrik. WikiML: likamedtecken, = ==...== motsvarar <h2>...</h2> ===...=== motsvarar <h3>...</h3> och så vidare. (h1 används för sidans rubrik) Användning av dessa taggar ger rubriker utan länk för avsnittsredigering, vilket däremot rubriker skapade med likamedtecken får.
<hr>	Skapar en horisontell linje. (WikiML: ---- )
<i>...</i>	Skapar kursiv stil (WikiML: två stycken apostrofer, ' )
<ins>...</ins>	Skapar understruken text. Används för markering av infogad (inserted) text.
<kbd>...</kbd>	Text med fast bredd. Används för att markera användarinput. Se även <code> och <syntaxhighlight>.
<li>...</li>	Skapar element i punktlistor (se <ul>...</ul>) eller i numrerade listor (inom <ol>...</ol>) (WikiML: asterisk *, respektive nummertecken #)
<ol>...</ol>	Skapar tillsammans med <li> en lista med numrerade punkter.
<p>...</p>	Märker upp ett textstycke. I Mediawiki ger två radbyten nytt stycke. Taggen behövs alltså endast i specialfall.
<ruby>...</ruby>	Används på olika sätt i samband med taggarna <rb>, <rp> och <rt> för att ändra typsnittet (läs mer). Observera att alla webbläsare inte har stöd för ruby-tecken. <rb> stöds dock inte av HTML5. Exempel: <ruby><rb>WWW</rb> <rp>(</rp><rt>World Wide Web</rt><rp>)</rp> </ruby> Skapar: WWW(World Wide Web)
<s>...</s>	Stryker över texten
<samp>...</samp>	Används för att markera text som utdata från ett datorprogram.
<small>...</small>	Liten text. Här på svwp inställd att ge 80 % av normal fontstorlek. Det är ett s.k. inline-element och endast till för att omsluta text på samma rad. <small>-taggen har dock ingen effekt på textstorlek i den vanliga mobilvyn.
<span>...</span>	Fungerar ungefär som <div>-taggen, skillnaden är att <span>-taggen används för att ange stilattribut inne i ett stycke. T.ex.: <span style="background-color: #ffff00"> - färgar bakgrunden med angiven RGB-färg, i detta fall ffff00 för knallgult. <span style="font-variant:small-caps"> - Kapitäler, liten text med stora bokstäver <span> anger inline-element och ska därför inte omsluta innehåll med radbrytningar. I sådana fall används istället <div>.
<strong>...</strong>	Skapar fetstil (WikiML: tre stycken apostrofer, ' )
<sub>...</sub>	Skriver nedsänkt
<sup>...</sup>	Skriver upphöjt
<table>...</table>	Skapar tabeller, tillsammans med andra html-taggar avsedda härför. Det rekommenderas dock att istället använda wikisyntax; se Wikipedia:Tabeller.
<u>...</u>	Stryker under texten
<ul>...</ul>	Skapar tillsammans med <li> en osorterad lista, en punktlista.
<var>...</var>	Definierar en variabel i en text.

Föråldrade HTML-taggar

Dessa HTML-taggar ses fortfarande men är sedan några år klassade som föråldrade och finns inte med i den nuvarande standarden HTML5. De fungerar så länge webbläsare fortsätter tillhandahålla stöd för dem, men de kommer så småningom förlora sin funktion. Välj därför andra alternativ.

Tagg	Beskrivning
<big>...</big>	Större text. Använd istället lösningar med CSS, t.ex. <span style="font-size: larger;">Större text</span>, alternativt <span style="font-size: 120%;">Stor text</span> eller mallen {{big}}
<center>...</center>	Centrerar textenKan i många fall ersättas av {{center}}. Se Wikipedia:Uppdatera till HTML5 för fler lösningar.
<font>...</font>	Ändrar typsnitt, textstorlek eller textfärg. CSS rekommenderas istället. Se Wikipedia:Uppdatera till HTML5 för exempel på lösningar.
<strike>...</strike>	Stryker över texten Använd <s> eller <del> istället.
<tt>...</tt>	Text med fast bredd. Samma effekt fås av <span style="font-family:monospace, monospace;">. Se även <samp>, <kbd>, <code> och MediaWikis <syntaxhighlight>.

Taggar från MediaWiki-tillägg

Följande taggar är taggar som kommer ifrån MediaWiki.

Tagg	Användningsområde	Beskrivning
<categorytree>	Kategorier/Speciella tillfällen	Används för att skapa ett träd över alla underkategorier. Exempel: <categorytree>Rockmusik</categorytree> skapar: Rockmusik Rockmusik efter land Rockmusik efter värlsdel Rockalbum Rockdiskografier Rockgenrer Rockgrupper Pop- och rockkompositörer Rocklåtar Rockmusiker Rockradiostationer Rock and Roll Hall of Fame
<charinsert>	Systemmeddelanden	Används inom namnrymden Mediawiki till att infoga ord när man klickar på dem. Används bland annat i MediaWiki:Edittools
<gallery>	Artiklar	Skapar ett bildgalleri
<hiero>	Artiklar	Skapar en hieroglyf. Se mer på Wikipedia:Hieroglyfer.
<noinclude>	Mallar	Visa texten där mallen definieras men inte där den används
<nowiki>	Artiklar/Mallar	Stänger av wikiformatering
<imagemap>	Artiklar	Se Wikipedia:Hur man lägger in bilder på en sida#Imagemap
<includeonly>	Mallar	Tillämpa där mallen används men visa inte där den definieras
<inputbox>	Wikipediasidor	Används bland annat i Wikipedia:Skriv en ny artikel för att få fram en ruta där en användare kan skriva in ett artikelnamn och komma direkt in i redigeringsläget. Exempel: <inputbox> type=create width=48& </inputbox> Skapar:
<math>	Artiklar	Skapar en matematisk formel t.ex: <math> e^{i\pi}+1=0\,</math> skapar: $e^{i\pi }+1=0\,$
<poem>	Artiklar	Används till poesi eller sångtexter för att hindra automatisk radbrytning
<pre>	Artiklar/Mallars dokumentation	Stänger av wikiformatering och visar texten i en ruta. Speciella tecken (→  •) fungerar.
<ref>	Artiklar	Skapar en fotnot (används tillsammans med references). Referensen kan namnges, <ref name="refnamn">, för att samma fotnot ska kunna användas på flera ställen. Man kan också skapa separata notlistor genom <ref group="nottyp">
<references />	Artiklar	Skapar en lista över alla fotnoter. Om man skapat namngivna notlistor skall namnet anges <references group="nottyp"/>, varvid man kan få de olika listorna på olika ställen (t.ex. så att man får icke-namngivna noter under Källor och förklaringar i en skild lista).
<score>	Artiklar	Lägger till noter. ex. <score> \relative c' { r e f g a bes c d } </score> skapar:
<section>
<syntaxhighlight>	Artiklar	Används till att framhäva och beskriva hur en källkod är uppbygd. Exempel från artikeln python: <syntaxhighlight lang="python"> print ("en gul bil".replace("gul", "grön")) </syntaxhighlight> Skapar: print ("en gul bil".replace("gul", "grön"))
<timeline>	Artiklar/Mallar	Skapar en tidsaxel. Se Mall:Tidsaxel över USA:s presidenter som exempel.
<quiz>	Frågesporter	Se hjälpsidan.

Föråldrade MediaWiki-taggar

Tagg	Beskrivning
<source>...</source>	Används för framhävning och beskrivning av källkod. Ersätts med <syntaxhighlight>...</syntaxhighlight>

Se även

• Wikipedia:Uppdatera till HTML5
• meta:Wikitext (engelska)
• meta:HTML in wikitext (engelska)
• mw:Help:Formatting (engelska)
• W3 Schools: HTML Element Reference (engelska)