Visa källa för HTML

{{Inaktuell|Artikeln är inte uppdaterad efter introduceringen av HTML5|datum=2015-10}}
{{Infobox filformat
| namn = HTML
| ikon = 
| logo =
| bild = Html-source-code3.png
| bildtext = Ett exempel på en bit HTML-kod med [[indentering|indrag]], [[färgmarkerad syntax]] och radnummer
| filändelse = .html, .htm
| mime = text/html
| typkod = TEXT
| uniformtyp = public.html
| magiskt = 
| ägare = [[W3C]]
| typ = [[märkspråk]]
| behållare för = 
| behållare = 
| utökad från = [[SGML]]
| utökad till = [[XHTML]]
| standard = [http://www.w3.org/TR/html5/ HTML5]
}}
'''HTML''' (förkortning för ''HyperText Markup Language'') är ett [[märkspråk]] för [[hypertext]] och utgör tillsammans med [[TCP/IP]] och [[HTTP]] den grundläggande standarden för WWW ([[World Wide Web]], webben); webbsidor skrivs i allmänhet som HTML och överförs över [[Internet]] med HTTP.

WWW och därmed HTML hade sitt genombrott i samband med att Internet spreds explosionsartat bland den breda allmänheten i [[Västvärlden]] i mitten av 1990-talet, varvid många kom att uppfatta Internet och WWW som synonyma begrepp.

HTML ger möjlighet att ange ett dokuments struktur (rubriker, styckeindelning m.m.), metainformation (språk, författare, plats i en hierarki) och i viss mån hur dokumentet skall visas. HTML tillåter också att man infogar information av andra typer, eventuellt i andra filer, från början framförallt bilder, senare till exempel datorprogram ([[java (programspråk)|java]], [[ecmascript|javascript]]) och instruktioner för hur sidan skall visas ([[Cascading Style Sheets|CSS]]). Det revolutionerande var dels bilderna, dels hur lätt det var att länka till andra webbsidor.

HTML har kontinuerligt utvecklats, dels genom standardiseringsorganisationer, dels genom att tillverkare av [[webbläsare]] och [[webbserver|webbservrar]] infört egna utvidgningar. Genom att man inte hållit sig till en gemensam standard är det vanligt att webbsidor inte helt fungerar med alla webbläsare.

== Historik ==
[[Hypertext]] som begreppet och dess moderna användning kan man hänvisa till omkring 1945, då [[Vannevar Bush]] beskrev ett informationssystem där läsaren inte längre behövde läsa texter från början och till slut, utan fritt kunde följa det spår som intresserade läsaren. Här myntades även begrepp som hem, vilket är den plats man återvänder till efter avslutad läsning. Den första tillämpningen som på allvar försökte införa hypertext var ett program som hette guide, som aldrig riktigt slog igenom.

I början av 1980-talet tillverkade man den första [[Persondator|persondatorn]] som privatpersoner, åtminstone i Väst, kunde köpa till ett överkomligt pris. HTML var det lyckade resultatet av årtionden av experimenterande med hypertext.

I maj 1994 arrangerade CERN den första internationella www-konferensen i [[Genève]], och på hösten samma år arrangerades en andra, ännu större, kongress i [[Chicago]] av [[National Center for Supercomputing Applications|NCSA]].<ref name=Cailliau>{{Webbref |titel = A Short History of the Web |url = http://www.netvalley.com/archives/mirrors/robert_cailliau_speech.htm |utgivare = [[NetValley]] |hämtdatum = 5 mars 2013 |författare = [[Robert Cailliau]] |datum = 2010-05-05 }}</ref>

Det var genom det av [[Tim Berners-Lee]] föreslagna [[World Wide Web]], med HTML som märkspråk, och spridningen av Internet på 1990-talet som hypertext slog igenom hos allmänheten. Utvecklingen av märkspråket kom att drivas dels av standardiseringsorganisationen World Wide Web Consortium, dels av webbläsartillverkarna (jämför "browserkrigen" på 1990-talet), som genom att leda utvecklingen försökte utöka sina marknadsandelar. HTML, som är ett märkspråk, har av många kommit att uppfattas som ett [[programmeringsspråk]] för [[hypermedia]].

== Dokumentformatering ==
HTML är ett format där dokumentets struktur och [[logik]] bestäms av författaren, medan webbläsaren och läsaren själv styr hur texten kommer att presenteras. Redan tidigt ville ändå [[webbdesign]]ern styra hur dokumentet skulle presenteras. Numera försöker man skilja mellan märkspråket HTML och presentationsrekommendationer i form av så kallade [[stilmall]]ar, [[Cascading Style Sheets|CSS]]. Tillägg programmerade i [[skript]]språk (exempelvis [[JavaScript]]) används ofta för att webbsidorna skall kunna reagera på vad användaren gör, utan att en ny sida behöver laddas ner. Det är också vanligt att webbsidor skapas allteftersom de efterfrågas utgående från en eller flera mallfiler som kombineras av webbservern, vilket tillåter att man inkluderar föränderlig information.

[[Fil (data)|Filer]] med [[filnamnstillägg]]et .htm eller .html brukar vara HTML-dokument. Filerna innehåller förutom text så kallade taggar, vilka talar om för webbläsaren hur informationen ska presenteras för användaren. Alla element startas med hjälp av ett 'mindre än'-tecken (&lt;) följt av taggnamnet, eventuella parametrar och ett 'större än'-tecken (&gt;), många element måste dessutom stängas med hjälp av en sluttagg. Denna sluttagg innehåller endast taggnamnet och är uppbyggt av &lt;/ följt av taggnamnet varefter &gt;. De element som ej behöver stängas på detta vis kallas "tomma element".

Olika webbläsare tolkar HTML-kod på olika sätt och detta har varit ett problem gällande för världens webbutvecklare. Gemensamma standarder växer fram genom [[World Wide Web Consortium]](W3C). Genom att följa dessa standarder ökar chansen att webbsidan ser likadan ut i moderna webbläsare. Dessutom kan sidorna bli mer [[Tillgänglighet för personer med funktionsnedsättning|tillgängliga för besökare som har någon funktionsnedsättning]] och få en högre rankning på [[sökmotor]]er.

Den senaste versionen av HTML är HTML 5.1 från 2016.<ref>{{webbref |url=https://www.w3.org/TR/html/ |titel=HTML 5.1 – W3C Recommendation, 1 November 2016|utgivare=[[W3C]] |datum=2016-11-01 |hämtdatum=2017-09-14}}</ref>{{bäst före|20171201 <!--The Working Group aims to produce an HTML 5.2 Recommendation in late 2017-->}} HTML 5 blev standard den 28 oktober 2014.<ref> {{webbref |url=https://www.w3.org/TR/html5/ |titel=HTML5 – A vocabulary and associated APIs for HTML and XHTML, W3C Recommendation 28 October 2014 |utgivare=[[W3C]] |datum=2014-10-28 |hämtdatum=2017-09-14}}</ref> Den tidigare standarden, HTML 4, fastställdes 1997 av W3C, version 4.01 år 1999.<ref>{{webbref |url=https://www.w3.org/TR/html4/ |titel=HTML 4.01 Specification – W3C Recommendation 24 December 1999 |datum=1999-12-24 |hämtdatum=2017-09-14}}</ref> HTML 4.01 finns i tre olika former, nämligen Strict, Transitional och Frameset. Dessa skiljer sig mest huruvida HTML-koden får innehålla äldre, utgångna taggar som endast används i presentationssyfte. Det var rekommenderat att använda ''Strict'' till nyutvecklade webbplatser. Transitional innehåller alla taggar som Strict gör inklusive äldre så kallade presentationstaggar. Frameset innehåller allt från Transitional och är den enda variant som tillåter användandet av så kallade [[ram]]ar.

Arbete pågår för närvarande med utveckling av [[HTML 5]], som inkluderar nya element för att utvidga [[semantik]]en i märkspråket, förbättrade formulär med [[Web forms 2.0]], element för ljud, video och [[Canvas|grafik]] och i mycket större utsträckning definiera förväntat beteende hos en webbläsare när koden tolkas. Dagens standarder är ofta tvetydiga, och tvingar programmerarna av webbläsare att själv välja hur olika situationer skall tolkas.

För att ange vilken version av HTML som dokumentet är byggt efter så lägger man högst upp i varje dokument en [[dokumentmall]], vilken man oftast brukar låna de engelska termerna för, nämligen [[DTD]] eller DOCTYPE. Moderna webbläsare använder denna för att kontrollera om sidan är kodad efter moderna standarder eller inte. Om DTD saknas, eller är gammal, så går webbläsaren in i det så kallade "[[Quirks mode]]" och använder då en bakåtkompatibel renderingsmotor för att kunna visa äldre sidor någorlunda korrekt<ref>[http://hsivonen.iki.fi/doctype/ Activating Browser Modes with Doctype av Henri Sivonen]</ref>. Skillnaden mellan standardläge och "quirks-läge" rör framförallt den så kallade [[boxmodell]]en.

== Elementtyper ==
{{huvudartikel|HTML-element}}
Det finns fyra kategorier av elementtyper i HTML:
* ''Strukturmärken'', som beskriver syftet med texten, till exempel <code>&lt;h1&gt;Golf&lt;/h1&gt;</code>, som tolkas som högsta rubriknivå.
* ''Presentationsmärkning'', som beskriver textens stil, till exempel <code>&lt;b&gt;fet text&lt;/b&gt;</code>, som resulterar i '''fet text'''. Många webbutvecklare har idag upptäckt fördelarna med att separera presentation och struktur så dessa taggar är oftast icke-rekommenderade att använda. Istället används så kallade [[stilmall]]ar för att presentera data på sidan.
* ''Hyperlänkmärkningar'', som länkar till ett dokument eller till en sektion i aktuellt dokument eller annat dokument, till exempel <code>&lt;a href="<nowiki>http://wikipedia.org</nowiki>"&gt;Wikipedia&lt;/a&gt;</code>, som skriver ut ordet [http://wikipedia.org Wikipedia] med understrykning som standard. Vid aktivering av länken öppnar webbläsaren sidan http://wikipedia.org.
* ''Interaktiva element'', som skapar interaktiva objekt, till exempel knappar och listor.

Ordet "tagg" överanvänds ofta när diskussioner om HTML-relaterade ämnen uppstår. Det är inte ovanligt att ordet "tagg" används för att referera till allt från DOCTYPE-deklarationen till olika attribut, vilket naturligtvis inte är korrekt.<ref>[http://www.456bereastreet.com/archive/200511/its_alt_attribute_not_alt_tag/ It’s alt attribute, not alt tag]</ref><ref>[http://lachy.id.au/log/2004/12/html-tags HTML Tags]</ref>

* <code>&lt;strong&gt;</code> och <code>&lt;/strong&gt;</code> är ett exempel två ''taggar'', närmare bestämt en ''starttagg'' följt av motsvarande ''sluttagg''.
* <code>&lt;strong&gt;&lt;/strong&gt;</code> är ett exempel på ett ''element''.
* <code>&lt;abbr title="HyperText Markup Language"&gt;HTML&lt;/abbr&gt;</code> är ett exempel på ett ''element'' som använder ett så kallat ''attribut'' med namnet title och ''värdet'' <code>HyperText Markup Language</code>.

=== Lista över vanligt förekommande elementtyper ===
* <code>&lt;a href="<nowiki>http://www.example.org/</nowiki>"&gt;</code>, används för att skapa [[hyperlänk]]ar och stängs med <code>&lt;/a&gt;</code>
* <code>&lt;br&gt;</code>, skapar en radbrytning
* <code>&lt;div&gt;</code> och <code>&lt;span&gt;</code>, element utan semantisk mening, används oftast för att koppla [[Cascading Style Sheets|CSS]] till dokumentet.
* <code>&lt;dl&gt;</code>, <code>&lt;dt&gt;</code> och <code>&lt;dd&gt;</code>, är de olika delarna av en definitionslista
* <code>&lt;h1&gt;</code>, <code>&lt;h2&gt;</code>, <code>&lt;h3&gt;</code>, <code>&lt;h4&gt;</code>, <code>&lt;h5&gt;</code>, <code>&lt;h6&gt;</code>, huvudrubrik och ner till och med femte nivån av underrubriker
* <code>&lt;img src="<nowiki>http://www.example.org/bild.ext</nowiki>"&gt;</code>, infogar en bild i dokumentet
* <code>&lt;ol&gt;</code> och <code>&lt;ul&gt;</code>, skapar en sorterad respektive osorterad lista
* <code>&lt;p&gt;</code>, märker upp ett textstycke
* <code>&lt;table&gt;</code>, tabell, där varje tabellrad omsluts av <code>&lt;tr&gt;</code> och <code>&lt;td&gt;</code> skapar en tabellcell
* <code>&lt;strong&gt;</code> och <code>&lt;em&gt;</code>, markerar olika sorters betoning
* <code>&lt;hr&gt;</code>, skapar en horisontell linje

Många taggar måste stängas med taggen och ett inledande / som i exemplet <code>&lt;/span&gt;</code> för <code>&lt;span&gt;</code>-taggen.

== Attribut ==
Till de flesta HTML-element kan anges särskilda attribut, med vars hjälp det går att mer exakt definiera elementets funktion och/eller hur det ska [[Rendering|renderas]] på exempelvis en webbsida. Attributen skrivs inom starttaggen för ett element efter elementets namn, och följs av ett [[likamedtecken]] och attributets värde. I enlighet med HTML-specifikationen bör detta värde omges av enkla eller dubbla citationstecken, men till skillnad från XHTML är detta inte strikt nödvändigt.

== Specialtecken ==
Ibland vill man använda tecken som antingen har en speciell betydelse i HTML (såsom "&lt;"), inte finns i den teckenuppsättning som omfattas av vald teckenkodning eller inte är lätta att mata in med tangentbordet. Till exempel finns inte [[Kyrilliska alfabetet|kyrilliska]] bokstäver i [[ISO/IEC 8859-1|Latin-1]], som förut användes allmänt, och inte på svenska tangentbord. Man kan då för enstaka sådana tecken använda antingen så kallade entiteter eller numeriska referenser.

Vissa allmänt använda tecken finns som ''entiteter'': till exempel kan "&amp;", citattecken, "&lt;" och "&gt;" skrivas som "&amp;amp;" ("ampersand"), "&amp;quot;" ("quote") "&amp;lt;" ("lesser than") respektive "&amp;gt;" ("greater than"). "&amp;nbsp;" ("no-break space") står för ett [[blanksteg]] vid vilket radbyte inte skall tillåtas, "&amp;shy;" ("soft hyphen") för ett ställe lämpligt för avstavning, där bindestreck visas endast vid avstavning.

Bland tecknen tillgängliga som entiteter återfinns bland annat tecken viktiga i HTML-syntax samt alla tecken i intervallen 0x80–0x9F och 0xA0–0xFF i [[Windows-1252]], alla i intervallet 0xA0–0xFF i Latin-1 (sammanfaller med det senare Windows-intervallet; bland annat åäöéàßçþ) och alla i Adobe Symbol. Den sistnämnda innehåller bland annat grekiska tecken och matematiska symboler.<ref>{{webbref|url=http://www.w3.org/TR/html4/sgml/entities.html|titel=Character entity references in HTML 4|utgivare=[[W3C]]|hämtdatum=2 april 2014}}</ref>

Alla tecken som finns i [[Unicode]] kan skrivas med ''numeriska referenser'', med angivande av kodpunkten, antingen i [[hexadecimala talsystemet|hexadecimalform]] (som oftast används i andra sammanhang) eller i decimalform (som ofta används i HTML). Tecknet kodas då som &amp;#nummer; där hexadecimala nummer föregås av "x". Till exempel kan lilla [[Tau (bokstav)|tau]] (u+03C4) skrivas ut ("τ") eller kodas som "&amp;#x3C4;" (nollor i början utelämnas vanligen) eller som "&amp;#964;"

== Exempel på kompletta taggar ==
Här visas exempel på taggar. Först anges elementet (i mörkgrön fetstil) och sedan de olika attributen (i ljusgrön normal stil) följt av dess värden (i rött).
* Ett så kallat "tomt element", som anges utan sluttagg: <syntaxhighlight lang="html4strict"><img src="minbild.jpg" alt="Min bild" width="120" height="40" /></syntaxhighlight>

* Ett element som kräver sluttagg: <syntaxhighlight lang="html4strict"><a href="minhemsida.html">Länk till hemsida</a></syntaxhighlight>

== Ramar ==
I HTML 4.0 och XHTML 1.0 finns en dokumenttyp som tillåter '''ramar'''. Detta används för att skapa en sida som är uppdelad i olika delar där varje del visar en separat webbsida. Då webbsidor med ramar inte kan ha annat innehåll existerar inte body-elementet i denna dokumenttyp. Därför anges ramar istället i det ersättande frameset-elementet.

=== Ramtaggar ===
Här kommer flera ramtaggar. Om inget annat har angetts, är alla taggar i taggen <code><frameset></code>:

{| class=wikitable
!Taggnamn
!Användning
|-
|<code><frameset></code>
|Denna tagg används istället för <code><body></code> och används i början på ett ramdokument.
|-
|<code><frame></code>
|Startar en ram i ett ramdokument.
|-
|<code><noframes></code>
|Innefattar taggar och text för de webbläsare som inte stöder ramar.
|-
|<code><iframe></code>
|Denna tagg finns i <code><body></code> och ger så kallade "flytande" ramar, inbäddade i sidan. I taggen skall anges alternativ text för de webbläsare som inte stödjer flytande ramar.
|}

=== Borttagna ramar ===

I [[HTML 4.01 Strict]], [[XHTML#XHTML 1.1|XHTML 1.1]] och [[HTML5]] är alla funktioner för ramar borta, med undantag av <code><iframe></code>.<ref>[[Rolf Staflin]] – ''HTML- och CSS-boken'', upplaga 6</ref>

== Exempel på ett enkelt dokument ==
Här följer ett exempel på ett enkelt dokument. Dokumentet har titeln "Sidan har flyttats" och visar en förklarande text (<code>p</code>-element) för besökaren om att sidan har flyttats, i slutet av textstycket finns även en länk (<code>a</code>-elementet) som pekar till <code><nowiki>http://example.org</nowiki></code>; sidans nya adress (upplysningen om sidflyttningen borde ges med [[HTTP]]-protokollet, varvid webbläsaren hittar den nya adressen automatiskt, utan att behöva ladda sidan).

<syntaxhighlight lang="html5">
<!DOCTYPE html>
<html>
  <head>
    <title>Sidan har flyttats</title>
    <meta charset="UTF-8">
  </head>
  <body>
    <h1>Denna sida har flyttats!</h1>
    <p>Denna sida har flyttats till <a href="http://www.example.org/">www.example.org</a>.</p>
  </body>
</html>
</syntaxhighlight>

== HTML, XHTML och framtiden ==
HTML 4.01 är formellt en applikation av [[SGML]], även om i princip inga webbläsare hanterar detta faktum korrekt. I praktiken har alltså HTML fungerat som en helt egen teknik och webbläsarna har inkluderat en stor mängd logik för att hantera brister i en sidas uppmärkning.

För att råda bot på detta, samt öppna en möjlighet att kombinera märkspråk från skilda [[namnrymd]]er, så skapades [[XHTML]], som är en omformulering av HTML som en applikation av [[XML]]. För att en sidas skall tolkas som äkta XHTML, så skall detta anges i [[HTTP|HTTP-huvudet]], med en så kallad [[MIME|MIME-deklaration]]. Dock stödjer inte [[Internet Explorer]] XHTML, vilket inneburit att i princip alla webbplatser idag skickar sina sidor som HTML, även om de har en XHTML DTD.

Eftersom elementnamn och attributnamn är identiska mellan XHTML 1.0 och HTML 4.01, så skriver man ibland (X)HTML, för att markera att båda teknikerna avses.

=== HTML 5-projektet ===
{{Huvudartikel|HTML5}}
Arbetet med uppdateringen till HTML5 påbörjades 2004 av en grupp webbutvecklare, främst med anknytning till [[Apple Inc.|Apple]], [[Mozilla]] och [[Opera (webbläsare)|Opera]]. Gruppen antog namnet "Web Hypertext Application Technology Working Group" – eller kortare [http://whatwg.org WHATWG].

"Web Applications 1.0", som HTML5 också kallas, är tänkt att ersätta både HTML 4 och XHTML 1. Gruppen avser att specificera en ny och enhetlig [[Document Object Model|DOM]] som skall fungera både för XML-baserade och HTML-baserade serialiseringar av HTML5. En av grundtankarna i HTML5 är alltså att en författare skall kunna välja om denne vill använda HTML- eller XML-syntax för sina webbsidor och att sidorna skall kunna hanteras i princip likvärdigt av skript när dessa är inlästa i en webbläsares internminne oavsett vilket serialiseringsformat som valts.<ref>[http://www.w3.org/QA/2008/01/html5-is-html-and-xml.html HTML 5, one vocabulary, two serializations, W3C Questions and Answers blog]</ref>

=== W3C:s arbetsgrupp för utveckling av HTML ===
Arbetet från WHATWG blev officiellt grunden för nästa standard, när W3C i mars 2007 startade [http://www.w3.org/html/wg/ en arbetsgrupp för vidareutveckling av HTML]. Denna grupp innehåller, förutom representanter för samtliga större webbläsarleverantörer (Microsoft, Opera, Mozilla och Apple), inklusive flera av de drivande krafterna bakom WHATWG. HTML5 blev [http://www.w3.org/TR/html5/ Working Draft] vid W3C i januari 2008.

== Se även ==
* [[HTML-färger]]
* [[Cascading Style Sheets|CSS]]
* [[SGML]]
* [[XHTML]]
* [[World Wide Web]]
* [[CHTML]]

== Källor ==
<references/>

== Externa länkar ==
*{{Commonscat|HTML}}
* {{Wikibooks-box|Koda HTML}}
* [http://www.w3.org/html/wg/ W3C:s sida för HTML] {{en ikon}}
* [https://web.archive.org/web/20070303144138/http://www.456bereastreet.com/lab/developing_with_web_standards/sv/css/ Webbutveckling med standarder] – Rekommendationer och goda råd
* {{Wikibooks|Koda HTML}}
* [https://web.archive.org/web/20150614230347/http://www.codecademy.com/en/tracks/web Codecademy HTML & CSS] - En interaktiv sida för att lära sig koda HTML och CSS

{{HTML}}

[[Kategori:Filformat]]
[[Kategori:W3C-standarder]]
[[Kategori:HTML|HTML]]