Wikipedia:HTML-taggar
| Manual | 
|
|---|---|
För läsare
| |
För skribenter
| |
För administratörer
| |
MediaWikisegetmärkspråk,Wiki markup,är en förenkling avHTML.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''') skapasfetstil,men om man ber webbläsaren visakällkodenvisas 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örhå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
[redigera|redigera wikitext]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 medgulbakgrund.
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
[redigera|redigera wikitext]Här listasHTML-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
| |||
<b>...</b> |
Skapar fetstil(WikiML: tre stycken apostrofer,') | |||
<blockquote>...</blockquote> |
| |||
<br /> |
Radbrytning. Även<br>stöds av HTML5.
| |||
<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 ochför citat.Citat kan istället presenteras med{{citat}}eller<blockquote>.)
| |||
<code>...</code> |
Används för framhävning av kortarekodexempel. 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> |
||||
<div>...</div> |
Oftast för att ange stilattribut till mallar med <div style= "" >
| |||
<dl>...</dl> |
Skapar med <dd> och <dt> en lista med definitioner.
| |||
<dt>...</dt> |
Används tillsammans med<dl>till att ange en definitionsterm.
| |||
<em>...</em> |
För betonad (emphasized) text. Skapar i de flesta webbläsarekursiv 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.
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> |
Skaparunderstruken 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
| |||
<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örruby-tecken.<rb>stöds dock inte av HTML5.Exempel: <ruby><rb>WWW</rb>
<rp>(</rp><rt>World Wide Web</rt><rp>)</rp>
</ruby>
| |||
<s>...</s> |
||||
<samp>...</samp> |
Används för attmarkera textsom 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.:
| |||
<strong>...</strong> |
Skapar fetstil(WikiML: tre styckenapostrofer,') | |||
<sub>...</sub> |
Skrivernedsänkt | |||
<sup>...</sup> |
Skriverupphöjt | |||
<table>...</table> |
Skapar tabeller, tillsammans med andra html-taggar avsedda härför. Det rekommenderas dock att istället använda wikisyntax; seWikipedia:Tabeller. | |||
<u>...</u> |
Stryker under texten | |||
<ul>...</ul> |
Skapar tillsammans med <li> en osorterad lista, en punktlista. | |||
<var>...</var> |
Definierar envariabeli en text. |
Föråldrade HTML-taggar
[redigera|redigera wikitext]Dessa HTML-taggar ses fortfarande men är sedan några år klassade som föråldrade och finns inte med i den nuvarande standardenHTML5.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 medCSS,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> |
{{center}}.SeWikipedia:Uppdatera till HTML5för fler lösningar.
|
<font>...</font> |
Ändrartypsnitt,textstorlek eller textfärg. CSS rekommenderas istället. SeWikipedia:Uppdatera till HTML5för exempel på lösningar. |
<strike>...</strike> |
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
[redigera|redigera wikitext]Följande taggar är taggar som kommer ifrånMediaWiki.
| 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: |
<charinsert> |
Systemmeddelanden | Används inomnamnrymden Mediawikitill att infoga ord när man klickar på dem. Används bland annat iMediaWiki:Edittools |
<gallery> |
Artiklar | Skapar ettbildgalleri |
<hiero> |
Artiklar | Skapar enhieroglyf.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 | SeWikipedia: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 iWikipedia:Skriv en ny artikelfö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 enmatematisk formelt.ex:<math> e^{i\pi}+1=0\,</math>
skapar: |
<poem> |
Artiklar | Används till |
<pre> |
Artiklar/Mallars dokumentation | Stänger av wikiformatering och visar texten i en ruta. Speciella tecken (→ •) fungerar. |
<ref> |
Artiklar | Skapar enfotnot(används tillsammans medreferences). 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 allafotnoter.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). |
<section> |
||
<syntaxhighlight> |
Artiklar | Används till att framhäva och beskriva hur enkällkodär uppbygd.
Skapar: print("en gul bil".replace("gul","grön"))
|
<timeline> |
Artiklar/Mallar | Skapar en tidsaxel. SeMall:Tidsaxel över USA:s presidentersom exempel. |
<quiz> |
Frågesporter | Sehjälpsidan. |
Föråldrade MediaWiki-taggar
[redigera|redigera wikitext]| Tagg | Beskrivning |
<source>...</source> |
Används för framhävning och beskrivning av källkod. Ersätts med <syntaxhighlight>...</syntaxhighlight>
|
Se även
[redigera|redigera wikitext]- Wikipedia:Uppdatera till HTML5
- meta:Wikitext(engelska)
- meta:HTML in wikitext(engelska)
- mw:Help:Formatting(engelska)
- W3 Schools: HTML Element Reference(engelska)