Användare:Frisko/HTML-element
Ett HTML-element är en komponent av dokumentobjektmodellen (DOM) som används för att rendera webbsidor strukturerade med HTML. Ett element kan i regel ha ett eller flera attribut innehållandes ett namn och ett värde. De flesta HTML-element består av en start- respektive sluttagg och kan däremellan bestå av olika innehåll.
Historia
[redigera | redigera wikitext]
1989 arbetade engelsmannen Tim Berners-Lee på CERN i Schweiz och uppfann där World Wide Web - ett system för att länka samman dokument och webbsidor via Internet. Han utvecklade också den första webbservern, den första webbläsaren och den första versionen av märkesspråket HTML. Vid utvecklandet av HTML inspirerades Berners-Lee av Standard Generalized Markup Language (SGML) - ett format för att strukturera text. Systemet med par av taggar för att märka upp innehåll kommer direkt från SGML.[1] Vissa av elementen som idag används i HTML har sitt ursprung i SGML-formatet, exempelvis <p> för paragrafer, <h1> - <h6> för olika rubriksnivåer och <li> för ett listföremål.[1]
1994 grundades organisationen World Wide Web Consortium (W3C) som fick uppdraget att vidareutveckla HTML. Ett år senare, 1995, introducerades en ny uppsättning element i HTML. Vissa av elementen som tillkom, exempelvis <font>, användes för att anpassa HTML-dokumentets utseende. Detta ledde till att kritiska röster höjdes, som menade att HTML bara ska användas för att strukturera innehåll och att utseende inte har någonting med det att göra.[1]
Överblick
[redigera | redigera wikitext]Syntax
[redigera | redigera wikitext]Strukturen för hur ett HTML-element definieras skiljer sig något mellan olika typer av element. Samtliga element har en starttagg (en: start tag) bestående av ett nyckelord skrivet mellan ett mindre än- respektive större än-tecken, som indikerar början av det givna elementet. Vissa element har också en sluttag (en: end tag) som på samma sätt indikerar elementets slut. Sluttaggarna är strukturerade på samma sätt men innehåller ett snedstreck (/) mellan mindre än-tecknet och nyckelordet. Mellan start- och sluttaggen finns elementets innehåll (en: content). Så kallade tomma element (en: void elements) kan inte ha något innehåll, då de bara består av en starttagg. Både tomma och icke-tomma element kan ha ett eller flera attribut (en: attribute), som i sin tur var och en kan bestå av ett namn och ett värde (en: value).[2]
Ett element med både start- och sluttagg, attribut och innehåll kan sedermera skrivas på den allmänna formen:
<element attributnamn="värde">Innehåll</element>
Ett tomt element kan på liknande sätt skrivas som:
<element attributnamn="värde" />
Terminologi
[redigera | redigera wikitext]I HTML-dokumentationen gör man skillnad mellan tagg och element.[2] Ett element består, som tidigare nämnt, av en eller två taggar. Sedermera är <strong> och </strong> ett exempel två taggar, närmare bestämt en starttagg följt av motsvarande sluttagg. <strong></strong> är ett exempel på ett element. <abbr title="HyperText Markup Language">HTML</abbr> är ett exempel på ett element som använder ett attribut med namnet title och värdet HyperText Markup Language.
Kategoriseringar av element
[redigera | redigera wikitext]HTML-elementen brukar kategoriseras efter användningsområde och egenskaper.
Block- och inline-element
[redigera | redigera wikitext]En vanlig kategorisering av element som förekommer inom <body> är om de är så kallade block- eller inlinelement.[3] Som standard placeras blockelement på en ny rad, medan inline-element placeras på samma rad. Generellt så kan blockelement innehålla andra blockelement eller inlineelement. Inlineelement kan däremot inte innehålla blockelement, utan bara ren text eller andra inlineelement.[3] Ett paragrafelement <p>Det här är en paragraf.</p> är ett exempel på ett blockelement, medan <span>Detta skrivs på samma rad.</span> är ett inline-element.
Referenser
[redigera | redigera wikitext]- ^ [a b c] Longman, Addison. ”A history of HTML”. W3C. http://www.w3.org/People/Raggett/book4/ch02.html. Läst 23 oktober 2015.
- ^ [a b] ”HTML syntax”. W3C. http://www.w3.org/TR/html-markup/syntax.html. Läst 23 oktober 2015.
- ^ [a b] ”Block-level and inline elements”. W3C. http://www.w3.org/TR/html401/struct/global.html#h-7.5.3. Läst 23 oktober 2015.