HTML 5 Tutorial

January 24

HTML 5 er den nyeste utgaven av HTML, den grunnleggende språket i Web. Når ferdig, vil den erstatte både dagens versjoner, HTML 4.01 og XHTML 1.0. Mens du bør være forsiktig med å bruke HTML 5 på større Web prosjekter fordi de fleste nettlesere ikke forstår det, lære om sine forbedringer i forhold til tidligere versjoner er både interessant og nyttig.

HTML Basics

Før takle HTML 5, bør du være kjent med det grunnleggende om hvordan å skrive HTML-kode (se Ressurser nedenfor). HTML er veldig lett å få taket på, og når du er kjent med å skrive kode i standard-kompatibel XHTML (i utgangspunktet bare en streng versjon av grunnleggende HTML), finner du de nye funksjonene i HTML 5 for å være svært enkelt å implementere.

forenkling

HTML 5 forenkler mye av koding praksis som ble brukt i tidligere versjoner av HTML. For eksempel, når du starter en fil, som du tidligere måtte begynne et dokument slik at det så noe som dette:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml" lang = "no">

Dette har blitt forenklet til:

<! DOCTYPE html>

HTML 5 forenkler også kode ved å bli kvitt elementer som har falt ut av bruk eller viste seg å være unyttig. På grunn av en rekke nettleserens problemer, vil rammer ikke lenger være tillatt, og fordi stilark håndtere stil bedre enn HTML-koder, vil "presentabelt" tagger som <font> <center> og <strike> ikke lenger være gyldig.

Layout endringer

Tidligere sider i HTML ble vanligvis delt inn i blokker ved hjelp av <div> tagger. Dessverre er dette ofte ført til forvirrende eller altfor komplisert kode:

HTML 5 fikser dette problemet med de nye semantiske koder <header>, <footer>, <nav>, <innhold>, <side>, <artikkel>, <hgroup>, <seksjon>, <adresse>, <audio> og <video>. Alle disse oppfører seg akkurat som <div> koder, men gjøre koden mer lesbar. Koden ovenfor, kan nå omskrives som følger: