HTML (HyperText Markup Language) Standard CDT212 Vetenskapsmetodik 090224
Gustavsson Patric
[email protected]
Palosaari Jari
[email protected]
SAMMANFATTNING Den här rapporten kommer att ta upp historien bakom internet, hur allting började en gång i tiden och hur utvecklingen har gått framåt. Det kommer att visas hur den första HTML koden fick sin början genom en fysiker vid namn Tim Burnes-Lee och vad som var hans tanke med HTML kod. Alla de olika versionerna som har funnits genom åren kommer att beskrivas samt vilka av versionerna är och har varit standarder. Det kommer även tas upp kommande standard för HTML, som är fortfarande under utvecklingsarbete. Ett enkelt exempel kommer att visas både som HTML kod samt hur sidan ser ut i en webbläsare. Beskrivningar på hur man skriver HTML kod kommer att finnas med och även en länk till en webbsida på internet, där man kan själv prova på att skriva HTML kod samt kunna se resultatet direkt på samma webbsida genom en enkel knapptryckning.
2
INNEHÅLLSFÖRTECKNING INNEHÅLLSFÖRTECKNING ................................................................................................ 3 INLEDNING .............................................................................................................................. 3 HTML STANDARD .................................................................................................................. 3 Bakgrund ............................................................................................................................... 3 Varför HTML ......................................................................................................................... 4 Grunden ................................................................................................................................ 4 CSS ........................................................................................................................................ 5 Exempel ................................................................................................................................ 5 Versioner ............................................................................................................................... 6 Avslutning ................................................................................................................................. 8 SLUTSATSER.......................................................................................................................... 8 REFERENSER......................................................................................................................... 9
INLEDNING Rapporten är framarbetad av två studenter som går vetenskapsmetodik kurs på Mälardalens Högskola i Västerås, våren 2009. Ett av delmomenten i kursen är att skriva en vetenskaplig rapport om valfritt ämne, i detta fall HTML Standard. Uppgiften går ut på att söka information om de olika standarder som finns och har funnits i HTML, skriva denna rapport om det samt göra en muntlig presentation av uppgiften. Begränsningarna i denna rapport är att rapporten måste innehålla 2500-3000 ord eller att innehållet ska rymmas på 7-9 sidor. Detta har medfört att det inte finns möjligheter att få med all versionshistoria med alla skillnader i och med att det inte skulle få plats. Istället beskrivs versionerna samt historian bakom HTML i en väldigt kortfattad version. Kursen går även ut på att samtidigt kritiskt granska någon annan students rapport samt opponera mot den, likaså sker opposition mot denna rapport där andra studenter får chansen att kritiskt granska samt opponera mot den. Syftet med kursen samt rapporten är att ge studenterna klara riktlinjer om hur en vetenskaplig rapport ska skrivas och utformas. Kursen är ett krav till att få göra ett examensarbete.
HTML STANDARD HyperText Markup language, HTML är standard språket att skriva webbsidor i idag. Tanken bakom detta språk att HTML dokument ska kunna läsas av alla Webbläsare oberoende på vilket operativsystem du har. Här kommer det lite exempel och bakgrund om hur det fungerar[1]. Bakgrund Dagens internet föddes egentligen genom ARPANET, som är döpt efter sin sponsor ARPA (Advanced Research Projects Agency) och var den första hopslagningen av 4 universitet i USA. Det var militären som först skapade nätverket för att man skulle kunna kommunicera utan att vara beroende av bara en datorcentral, och de styrde nätet fram till 1983 då man skilde det militära nätet, MILNET från det övriga. Redan 1977 så kopplade andra nät upp sig mot
3
ARPANET. 1990 så flyttades det mesta av trafiken över från ARPANET till det nya NSFNET från National Science Foundation som kom att bli det nya internet. Det som vi dagligen kallar internet är egentligen WWW (World Wide Web) som är en sammankoppling av dokument som hänvisar till varandra. 1992 så skapade Tim Burnes-Lee den första versionen av HTML som ett hjälpmedel att sprida informationen för fysiker i världen på ett bättre sätt. Så var HTML också fött [2]. Dagens internet är världens största nätverk, eller ett nätverk av nätverk där alla kan fritt byta information. Ingen vet egentligen hur stort internet är, eftersom det består av separata nätverk och inte av något centralt register som styr det hela. Men internet växer enormt mycket varje dag som går.
Varför HTML Grundtanken med HTML är att endast text ska föras över nätet. Detta betyder att innehållet som ska visas i webbläsaren tolkas samt presenteras av webbläsaren själv. Användaren ska själv kunna bestämma t.ex. hur länkar ska visas, storleken för brödtext, typsnitt m.m. HTML är ett sidbeskrivningsspråk som används för att skapa de webbsidor som utgör World Wide Web. Det är en öppen standard, som betyder att det inte behövs någon licens för att använda HTML koden. Det är fritt fram och kunna göra t.ex. egna webbläsare. Det är ganska enkelt att lära sig HTML och man behöver bara ett vanligt textredigeringsprogram för skrivandet, och en webbläsare för att se hur sidan ser ut.
Grunden En HTML sida kan skapas i vilket textredigeringsprogram helst, bara man sparar filen som .html eller .htm (spelar ingen roll vilket som), dvs. som ren text. Det som styr hur sidan kommer att se ut är olika element som identifieras av taggar. Elementet har en starttagg och en sluttagg , som exempel text där texten text som står mellan taggarna blir fet. En enkel HTML sida är uppbyggd av 3 huvudelement, och det är själva sidan och i vilket språk man använder sig av. Nästa element är det är själva huvudet på sidan, där det står information som inte kommer att synas på sidan. Sedan har vi elementet det som skrivs mellan dessa taggar har vi det som kommer att synas på själva sidan. Ett litet grundexempel kommer nedan: De flesta elementen kan ha olika egenskaper, som kallas för attribut. Ett attribut är en egenskap som man kan tilldela ett element, så som storlek, färg, eller placering av texten. För att ett attribut ska ha någon verkan så måste man ange ett värde på attributet, t.ex. Rubrik där man talar om att rubriken ska stå till vänster på sidan [3].
4
Några vanliga element är: Här skriver man sidans titel, som kommer att synas i namnlisten på webbläsaren. Elementat placeras inom elementet Huvudrubrik med stor text, finns även olika storlekar ner till h6. är styckes avdelare respektive radbrytning som kan anges som både start och sluttagg i samma tagg. Här är ett exempel på hur ett länkelement är uppbyggt: Min sida här ser man att texten min sida är en länk till http://testsida.se Det finns 4 kategorier av element i HTML [4]:
Rubrik
Strukturmärken som beskriver syftet med texten, t.ex. Presentationsmärken som beskriver stilen på texten t.ex. kursiv Hyperlänkmarkeringar som länkar antingen inom dokumentet eller till en annan webbplats. Där kan man också styra hur länken ska se ut om man hovrar över den eller om man redan har besökt länken osv. Interaktiva element som skapar interaktiva objekt så som listor eller knappar.
Om man nu gör en enkel sida i ett WYSIWYG (What You See Is What You Get) [5] program som t.ex. Dreamweaver så kan man se att programmet automatiskt lägger till lite text om verifiering och vilken typ av standard som man använder sig av. Det gör ju att det underlättar arbetet med att få en sida som håller enligt standarden som gäller. Det är bara att skriva in text och programmet lägger in taggar och den kod som behövs. CSS CSS är stilmallar som ger möjligheter för den som skapar webbsidor att styra flera webbsidor samtidigt när det gäller färg, teckensnitt, justering av text och objekt m.m. Med en enda CSS stilmall kan man styra tusentals webbsidor och genom att bara göra en ändring i CSS mallen så sker ändringen i alla webbsidor som använder mallen. Det här sättet att jobba med webbsidor är väldigt effektivt samt sparar på en massa tid. Samtidigt har man möjligheter att skriva CSS som en lokal mall direkt i koden på en webbsida och då gäller de lokala CSS reglerna före de externa. Samtidigt är målet med CSS att ge läsaren möjlighet att påverka utseendet av sidan [6]. CSS1 (Cascading Style Sheets). W3C rekommendation December 1996, reviderad i April 2008. CSS2 Utkom 1998 och gav möjligheter att formge hela webbsidan med positionerade rektangulära områden (boxar) som tidigare bara varit möjligt med tabeller. Idag är CSS3 under arbete och är inte helt färdig. CSS3 kommer att ersätta CSS1 samt CSS2 [7].
Exempel Här kommer ett litet exempel på hur en sida kan se ut rent textmässigt i notepad.exe och sedan hur samma sida ser ut i Windows Explorer.
5
Exempel på en webbsida öppnad i notepad.exe
Exempel på hur webbsidan som den ser ut i Windows Explorer. Versioner HTML 1.0 Den här versionen var den första som släpptes 1992. Innan 1990 var det väldigt svårt att hämta information via internet, så en fysiker vid namn Tim Berners-Lee hittade på ett sätt att indexera informationen på nätet. Hans lösning var att använda hypertextlänkar som gjorde att man kunde gå från en informationskälla till en annan på ett enkelt sätt. Detta sätt
6
kom att kallas för HTML. Webbservrar ute på nätet som hade stöd för HTML växte fort och runt 1993 fanns det ungefär 100 webbservrar som hade stöd för HTML. HTML 2.0 Den här versionen var den första riktiga standarden som stöds till stor del av alla webbläsare och många webbsidor idag är byggda på den här standarden. Den här versionen publicerades november 1995 och var standarden för alla webbsidor fram till januari 1997. HTML 3.0 Fler och fler människor började arbeta med webbsidor och kraven började komma om att kunna göra bättre webbsidor. Sidor med bättre utseende så att de som kom till sidan skulle tycka om sidan samt att de skulle återkomma. Samtidigt började problemen med HTML standarder. Netscape var den ledande webbläsaren den här tiden som började med lite egna taggar samt attribut som användes i deras webbläsare. Detta skapade problem för de övriga webbläsarna på marknaden. HTML 3.2 (wilbur) 1994 skapades "World Wide Web Consortium" (W3C) för att hålla kontroll över standarder, se till att uppbyggnaden av koden går rätt väg samt att den håller standarden så att webbläsare klarar av HTML koden fullt ut. W3C första arbete för att skapa en gemensam standard för alla webbläsare blev kallad "wilbur", senare även kallad för HTML 3.2. Den skapades tillsammans med IBM, Microsoft, Netscape Communications Corporation, Novell, SoftQuad, Spyglass och Sun Microsystems. HTML 3.2 blev den officiella standarden i januari 1997. Idag stödjer praktiskt taget alla webbläsare HTML 3.2 fullt ut. HTML 4.0 (cougar) HTML 4.0, som hade kodnamnet "cougar" skiljer sig från föregångaren genom att ha lite fler nya taggar samt att den kan hantera Cascading Style Sheets (CSS). Internationaliseringen är också viktig i den här versionen. Nu kan man göra mer användarvänliga sidor för olika språk. Skapandet av tabeller och formulär är förbättrade, samt en massa nya sätt att inkludera script i HTML. Rekommendationen från W3C till att gå över till den här versionen kom december 1997 samt blev den officiella versionen april 1998. När HTML 4.0 varit ute ett tag, uppdaterades dokumentationen från vissa fel och den slutgiltiga versionen kallades då HTML 4.01 och publicerades i december 1999. XHTML 1.0 (Extensible HyperText Markup Language) Är en vidareutveckling av HTML som fick W3C-rekommendation 26 januari 2000. XHTML [8] kom till för att få bort dåligt skriven HTML kod som finns ute på internet, detta på grund av att vanlig HTML kod fungerar trots att det finns fel i koden. XHTML är mera krävande på den som skriver koden. Det första steget mot en modulär och utvidgningsbar ”web” baserad på XML (eXtensible Markup Language) [9]. Syftet med XML är att kunna utväxla data mellan informationssystem. Meningen är att man ska kunna strukturera samt organisera information och data till skillnad från HTML som används till att åskådliggöra samt visa data. Olikt HTML kan XHTML utökas/utvidgas av vem som helst som använder det. Nya attribut och taggar kan definieras och läggas till de som redan existerar. XHTML är baserad på det striktare XML till skillnad från HTML som är baserad på det flexiblare SGML (Standard Generalized Markup Language) [9] som är ett format för strukturerad text. Sedan januari 2000 står XHTML 1.0 tillsammans med HTML 4.01 som standard. HTML 5.0 är en kommande standard under arbete och tanken är att kunna ersätta både HTML 4.01 samt XHTML 1.0. Arbetet startades av WHATWG (Web Hypertext Application Technology Working Group) [10] och är den femte huvudversionen av HTML. Utvecklingen
7
av bakåtkompabilitet med existerande HTML är ett av ledorden. HTML 5.0 innehåller tekniker för ljud, video, grafik samt webbapplikationer, såväl som text och bild. Informationen till versionshistorian kommer från dessa 2 länkar [11] [12].
Avslutning Det här med webbsidor har ju blivit så att i stort sett alla företag behöver en sådan för att kunna nå fram till sina kunder. Det finns väldigt många och även bra webbsidor om hur man gör en egen webbsida och många bra guider till tips och trix. Eller så anlitar man något av alla företag som gör webbsidor, finns både proffs och amatörer, där det antingen görs hela paketet med webbhotell och domänadresser osv. eller bara själva sidan där man får göra uppdateringar själv. Det som är bra med det nya sättet att göra webbsidor (att använda CSS) är att man gör en sidmall och sen har man den mallen som grund för resten av sidorna på webbplatsen. Gör man en ändring av t.ex. bakgrundsfärgen så slår det igenom på alla sidor. Enkelt att styra upp en stilig design som finns på hela webbplatsen. w3schools har en gratissida med en massa guider till HTML, XHTML, XML m.m. Där kan du t.ex. se hur koden ser ut och samtidigt se hur sidan ser ut i en webbläsare, dynamiskt så ändrar man något så syns det hur det slår ut på sidan [13].
SLUTSATSER Det som styr HTML standarden och det som härrör webben i stort är ett konsortium som heter W3C (World Wide Web Consortium), och består av fler än 510 medlemmar och nästan 60 heltidsanställda medarbetare runt om i världen. W3C’s medlemmar kommer ifrån ledande industrier, forsknings- och utvecklingsinstitut, standardiseringsorgan, regeringar samt EU. W3C’s mål är: ” att se till att webben når sin fulla potential, vilket görs genom att utveckla teknologier (specifikationer, riktlinjer, programvara och verktyg) som kommer att skapa ett forum för information, handel, inspiration, fritt tänkande och gemensamma insikter”, hämtat från W3C’s svenska hemsida [14]. Det stora som är i antågande är att den nya standarden HTML 5 som kommer bli en standard för både HTML och XHTML och inkluderar tekniker för ljud, video, grafik och webbapplikationer. Det är bra att nu i den nya standarden så har även tillverkarna av webbläsarna arbetat tillsammans för att skapa den bästa möjliga vägen framåt för webben [15]. En del svårigheter som finns nu är att om man gör en webbsida så kan den se väldigt olika ut i olika webbläsare, och det är en bra sak med den nya standarden som förhoppningsvis jämnar ut skillnaderna.
8
REFERENSER [Titelsida] Bilden kommer från http://www.w3.org/ 090212 [1]http://www.tiger.se/dok/htmltext.html 090306 [2] http://www.passagen.se/funktioner/hjalp/internet/internet_dok/historia.shtml 090309 [3]http://vonpepel.com/ref/html/attribut.html 090306 [4] http://sv.wikipedia.org/wiki/HTML 090306 [5] http://sv.wikipedia.org/wiki/WYSIWYG 090306 [6] http://sv.wikipedia.org/wiki/Cascading_Style_Sheets 090306 [7] http://www.w3.org/Style/CSS/#specs 090306 [8] http://en.wikipedia.org/wiki/Xhtml 090306 [9] http://en.wikipedia.org/wiki/Xml 090306 [10] http://en.wikipedia.org/wiki/WHATWG 090306 [11] http://www.yourhtmlsource.com/starthere/historyofhtml.html#1.0 090219 [12] http://www.cs.umu.se/kurser/TDBD07/VT00/esem/esem4.html 090219 [13] http://www.w3schools.com/html/html_examples.asp 090306 [14] http://w3c.sics.se/resources/office/translations/sevenpoints.html 090306 [15] http://susning.nu/HTML 090306
9
