Från Rilpedia

Du har inte behörighet att redigera denna sida, av följande anledning:

Du kan se och kopiera denna sidas källtext:

<noinclude>{{rpsv.from.wpsv}}</noinclude> {{Infobox filformat | namn = HTML | ikon = | logo = | bild = Html-source-code3.png | bildtext = Ett exempel på en bit HTML-kod med [[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/html4/ HTML 4.01] }} {{HTML}} '''HTML''', HyperText Markup Language, är ett [[märkspråk]] och webbstandard för strukturering av text, [[hypertext]], media och inbyggda objekt på exempelvis [[webbsida|webbsidor]] och i [[e-post|epost]]meddelanden. ==Historik== [[Hypertext]] som begreppet och dess moderna användning kan man hänvisa till omkring 1945, då [[Vannevar Bush]] beskrev ett informationssystem där man 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 en som läsare. 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. Apple var den första något lyckade med sitt program HyperCard, men många ansåg att det inte var riktig HyperText. Det var när [[Tim Berners-Lee]] tog fram webbläsaren som HyperText slog igenom hos allmänheten. Det har även inneburit att HTML mer och mer tar avsteg från HyperText och mera liknar ett programmeringsspråk för HyperMedia. Begreppet hemsida är idag ibland hos medelanvändare synonymt med till exempel ett företags ansikte utåt och inte den punkt man återgår till efter avslutad läsning. ==Dokumentformatering== HTML är ett format där dokumentets struktur och [[logik]] bestäms av författaren, medan läsaren styr hur texten kommer att presenteras. Numera är det dock vanligt att författaren själv styr presentationen av dokumentet med så kallade [[stilmall]]ar, [[Cascading Style Sheets|CSS]]. Tillägg programmerade i [[skript]]språk (exempelvis [[JavaScript]]) används ibland för att skapa dynamiska och [[interaktivitet|interaktiva]] webbplatser. Denna webbsida och de flesta andra är helt eller delvis skrivna i detta märkspråk. I de flesta webbläsare kan man se källkoden till webbsidan som visas genom att gå till "Visa" i huvudmenyn och sedan "Källa" eller "Källkod". [[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äsare]]n hur informationen ska presenteras för användaren. Alla element startas med hjälp av ett 'mindre än'-tecken (<) följt av taggnamnet varav det följs av ett 'större än'-tecken (>), många element måste dessutom stängas med hjälp av en sluttagg. Denna sluttagg innehåller endast taggnamnet och är uppbyggt utav </ följt av taggnamnet varefter >. 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ängliga''' för besökare som har någon funktionsnedsättning och få en högre rankning på [[sökmotor|sökmotorer]]. Den senaste versionen av HTML är HTML 4.01 och den fastställdes 1997 av W3C. 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 är 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 varianten som tillåter användandet av [[ram]]ar. Arbete pågår för närvarande med standardiseringen av [[HTML 5]], som kommer att inkludera nya element för att utvidga [[semantik|semantiken]] 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 gissa sig till beteendet i olika situationer. 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.k. [[boxmodell|boxmodellen]]. ==Elementtyper== 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;fetstil&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 ''attribut'' med namnet title och ''värdet'' <code>HyperText Markup Language</code>. ===Lista över vanligt förekommande elementtyper=== * <code>a</code>, används för att skapa [[hyperlänk]]ar * <code>br</code>, skapar en radbrytning * <code>div</code> och <code>span</code>, element utan semantisk mening, används oftast för att koppla [[Cascading_Style_Sheets|CSS]] till dokumentet. * <code>dl</code>, <code>dt</code> och <code>dd</code>, är de olika delarna av en definitionslista * <code>h1</code>, <code>h2</code>, <code>h3</code>, <code>h4</code>, <code>h5</code>, <code>h6</code>, huvudrubrik och ner till sjätte nivån av underrubriker * <code>img</code>, infogar en bild i dokumentet * <code>ol</code> och <code>ul</code>, skapar en sorterad respektive osorterad lista * <code>p</code>, märker upp ett textstycke * <code>table</code>, tabell, där varje tabellrad omsluts av <code>tr</code> och <code>td</code> skapar en tabellcell * <code>strong</code> och <code>em</code>, markerar olika sorters betoning * <code>hr</code>, skapar en horisontell linje ==Ramar== I HTML 4.0 och XHTML 1.0, finns en funktion för att skapa en sida där [[webbläsare]]n visar sitt fönster i flera delar. Den får så att säga flera '''ramar'''. Ramar är inte i den vanliga taggen <nowiki><body></nowiki>, utan istället är de flesta ramtaggarna i taggen <nowiki><frameset></nowiki>. ===Ramtaggar=== Här kommer flera ramtaggar. Om inget annat har angetts, är alla taggar i taggen <nowiki><frameset></nowiki>: {|summary="" !Taggen:!!Används till: |---------------------------------------------- |<nowiki><frameset></nowiki>||Det är tänkt att ramdokumentet ska startas med den taggen. |---------------------------------------------- |<nowiki><frame /></nowiki>||En ram |---------------------------------------------- |<nowiki><noframes></nowiki>||Text för de som inte vet vad en ram är. Den får innehålla text och de vanliga taggarna. |---------------------------------------------- |<nowiki><iframe></nowiki>||Denna tagg finns i <nowiki><body></nowiki> och har ramar inbäddade i sidan. I den taggen, skall man ha alternativ text för de som inte stödjer såna här "flytande" ramar. |} ===Borttagna ramar=== I [[XHTML 1.1]] och [[HTML 4.01 Strict]], är alla dessa funktioner borta. I [[(X)HTML 5]], är också alla dessa funktioner borta. Bara <nowiki><iframe></nowiki> är kvar. <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. <source lang="html4strict"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Sidan har flyttats</title> </head> <body> <p>Denna sida har flyttats till <a href="http://example.org">example.org</a>.</p> </body> </html> </source> Ovanstående visar även att vissa element inte uttryckligen behöver avslutas med en sluttagg, <code>p</code>-elementet börjar vid <code>&lt;p&gt;</code>-taggen och webbläsaren som tolkar dokumentet räknar själv ut var elementet ska sluta. == 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|namnrymder]], 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.k. [[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. === (X)HTML5-projektet === Arbetet med det som numera kallas (X)HTML5 påbörjades 2004 av en grupp webbutvecklare, främst med anknytning till [[Mozilla]], [[Opera (webbläsare)]] och [[Apple]]. Man antog namnet "Web Hypertext Application Technology Working Group" - eller kortare [http://whatwg.org WHATWG]. "Web Applications 1.0" som (X)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 (X)HTML5. En av grundtankarna i (X)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]] ==Källor== <references/> ==Externa länkar== {{Wikibooks-box|Html}} * [http://www.w3.org/html/wg/ W3C:s sida för HTML] {{en ikon}} * [http://456bereastreet.com/lab/developing_with_web_standards/sv/css/ Webbutveckling med standarder] - Rekommendationer och goda råd {{Wikibooks|Html}} [[Kategori:Filformat]] [[Kategori:Märkspråk]] [[Kategori:World Wide Web]] [[Kategori:W3C-standarder]] [[Kategori:Webbdesign]] [[af:HTML]] [[als:HTML]] [[an:HTML]] [[ar:لغة ترميز النص الفائق]] [[az:HTML]] [[bar:HTML]] [[bat-smg:HTML]] [[be-x-old:HTML]] [[bg:HTML]] [[bn:হাইপার টেক্সট মার্ক আপ ল্যাঙ্গুয়েজ]] [[br:HTML]] [[bs:HTML]] [[ca:Hyper Text Markup Language]] [[cs:HyperText Markup Language]] [[cy:HTML]] [[da:Hypertext Markup Language]] [[de:Hypertext Markup Language]] [[el:HTML]] [[en:HTML]] [[eo:HTML]] [[es:HTML]] [[et:HTML]] [[eu:HTML]] [[fa:اچ‌تی‌ام‌ال]] [[fi:HTML]] [[fo:HTML]] [[fr:Hypertext Markup Language]] [[fur:HTML]] [[fy:HTML]] [[ga:HTML]] [[gl:HTML]] [[he:HTML]] [[hi:एच.टी.एम.एल.]] [[hr:HTML]] [[hsb:HTML]] [[hu:HTML]] [[hy:HTML]] [[ia:HTML]] [[id:Hypertext markup language]] [[is:HTML]] [[it:HTML]] [[ja:HyperText Markup Language]] [[ka:ჰიპერტექსტური მარკირების ენა]] [[kaa:HTML]] [[kk:HTML]] [[km:HTML]] [[ko:HTML]] [[ku:HTML]] [[lb:Hypertext Markup Language]] [[lmo:HTML]] [[lt:HTML]] [[lv:HTML]] [[mk:HTML]] [[ml:എച്.ടി.എം.എല്‍.]] [[mn:HTML]] [[mr:एच.टी.एम.एल.]] [[ms:HTML]] [[nl:HyperText Markup Language]] [[nn:HTML]] [[no:HTML]] [[pl:HTML]] [[pt:HTML]] [[ro:HyperText Markup Language]] [[ru:HTML]] [[sh:HTML]] [[simple:HTML]] [[sk:Hypertext markup language]] [[sl:HTML]] [[sq:HTML]] [[sr:HTML]] [[ta:எச்.டி.எம்.எல்]] [[tg:HTML]] [[th:HTML]] [[tl:HTML]] [[tr:HTML]] [[uk:HTML]] [[ur:وراۓمتن زبان تدوین]] [[uz:HTML]] [[vi:HTML]] [[yi:HTML]] [[zh:HTML]] [[zh-yue:HTML]]

Tillbaka till HTML.