Tavola dei Contenuti (TOC)

Che cos' HTML5?.............................................................................................................................2 La sua storia e il suo futuro..................................................................................................................2 Caratteristiche principali ..................................................................................................................4 1. Semantica per le nostre pagine e un markup pi facile ...................................................................4 2. Offline e storage...............................................................................................................................4 3. API di accesso ai device................................................................................................................... 4. !e" Sockets...................................................................................................................................... . #ultimedia....................................................................................................................................... $. %rafica& disegno ed effetti 3'........................................................................................................... (. !e" !orkers.....................................................................................................................................$ ) *SS3 +...............................................................................................................................................$ Pro"lemi...............................................................................................................................................$ ,icapitoliamo.......................................................................................................................................( HTML5 per chi vuol fare sul serio....................................................................................................Semantica.............................................................................................................................................*onnettivit.........................................................................................................................................../ Offline 0 #emori11a1ione.................................................................................................................../ #ultimedia.........................................................................................................................................12 %rafica 0 )ffetti 3'...........................................................................................................................12 Presta1ioni 0 integra1ione.................................................................................................................12 Accesso ai 'ispositivi.........................................................................................................................11 Stile.....................................................................................................................................................12 Biblio rafia .......................................................................................................................................14 !ito rafia...........................................................................................................................................14 Licen"a d'uso.....................................................................................................................................14

Che cos' HTML5?

34#L 5 la nuova moda del momento& innega"ilmente. *ontrariamente a 6uanto avviene spesso per voca"oli di moda e di marketing& per7& 34#L 5 davvero una realt. rivolu1ionaria c8e cam"ier. sensi"ilmente il nostro modo di vivere e fruire il 9e" : e dun6ue un elemento sicuramente presente& pro"a"ilmente importante della nostra vita. Ma che cosa HTML5+ In 6uesto li"retto proveremo a dare una spiega1ione semplice ma completa di 6uesto termine e di tutte le tecnologie c8e ne fanno parte per fornire una "ase teorica su cui fondare tutti i nostri fantastici e innovativi progetti di sviluppo. Occorre prestare atten1ione ad alcuni articoli in cui si parla di 34#L come insieme di tecnologie includendo sostan1ialmente tutte le pi recenti novit. relative allo sviluppo 9e" e alla crea1ione di #eb applications. La defini1ione pi corretta 5 la seguente;

l'HTML5 un lin ua

io di $ar%up per la struttura"ione delle pa ine #eb&

La sua storia e il suo futuro

Lo sviluppo venne avviato dal gruppo di lavoro Web Hypertext Application Technology Working Group <!3A4!%= <fondato nel 2224 da sviluppatori appartenenti ad Apple& #o1illa >oundation e Opera Soft9are= c8e si pose come o"iettivo 6uello di progettare specific8e per lo sviluppo di applica1ioni 9e"& focali11andosi su miglioramenti e aggiunte ad 34#L e alle tecnologie correlate. Ini1ialmente in contrasto con il !orld !ide !e" *onsortium per le lungaggini nel processo di evolu1ione dello standard 8tml e per la decisione del !3* di orientare la standardi11a1ione verso l?@34#L 2 c8e non garantiva retro compati"ilit.& lo stesso !3* 8a poi riconosciuto valide tali motiva1ioni& annunciando di creare un apposito gruppo per la standardi11a1ione dell?34#L e a""andonare l?@34#L 2.2. 'al 222( il !3A4!% 8a colla"orato con il !3* in tale processo di standardi11a1ione& per poi decidere nel 2212 di separarsi dal processo di standardi11a1ione del !3*& creando di fatto due versioni dell?34#L ; la versione del !3A4!% viene definita come A34#L Living StandardA e 6uindi in continua evolu1ione& mentre 6uella del !3* sar. una unica versione corrispondente ad uno Asnaps8otA del Living Standard. Il !orld !ide !e" *onsortium 8a annunciato c8e la prima versione dello standard sar. pronta per fine 2214 e l?8tml .1 per il 221$B la prima *andidate ,ecommendation 5 stata pu""licata dal !3* il 1( 'icem"re 2212. Le novit. introdotte dall?34#L rispetto all?34#L 4 sono finali11ate soprattutto a migliorare il disaccoppiamento tra struttura& definita dal markup& caratteristic8e di resa <tipo di

carattere& colori& eccetera=& definite dalle direttive di stile& e contenuti di una pagina 9e"& definiti dal testo vero e proprio. Inoltre l?34#L prevede il supporto per la memori11a1ione locale di grosse 6uantit. di dati scaricati dal 9e" "ro9ser& per consentire l?utili11o di applica1ioni "asate su 9e" <come per esempio le caselle di posta di %oogle o altri servi1i analog8i= anc8e in assen1a di collegamento a Internet. In particolare;

vengono rese pi stringenti le regole per la struttura1ione del testo in capitoli& paragrafi e se1ioniB vengono introdotti elementi di controllo per i menu di naviga1ioneB vengono migliorati ed estesi gli elementi di controllo per i moduli elettroniciB vengono introdotti elementi specifici per il controllo di contenuti multimediali <tag CvideoD e CaudioD=B vengono deprecati o eliminati alcuni elementi c8e 8anno dimostrato scarso o nessun utili11o effettivoB vengono estesi a tutti i tag una serie di attri"uti& specialmente 6uelli finali11ati all?accessi"ilit.& finora previsti solo per alcuni tagB viene supportato *anvas c8e permette di utili11are EavaScript per creare anima1ioni e grafica "itmapB introdu1ione della geolocali11a1ione& dovuta ad una forte espansione di sistemi operativi mo"ili <6uali Android e iOS& tra i pi diffusi=B sistema alternativo ai normali cookie& c8iamato !e" Storage& pi efficiente& il 6uale consente un notevole risparmio di "andaB standardi11a1ione di programmi EavaScript& c8iamati !e" !orkers e possi"ilit. di utili11are alcuni siti offlineB sostitu1ione del lungo e complesso doctFpe& con un semplice CG'O*4HP) 8tmlD.

Caratteristiche principali

1. Semantica per le nostre pagine e un markup pi facile

'opo svariati studi <di Opera e di %oogle= ci si 5 accorti& 6ualc8e anno fa& c8e i 9e" designers utili11avano con pi fre6uen1a alcuni nomi di classi 6uali A8eaderA& AfooterA& AnavA& AarticleA per identificare pi o meno sempre gli stessi CdivD delle proprie pagine <al1i la mano c8i non 8a usato A8eaderA o AfooterA come classi del proprio div di intesta1ione o di c8iusura della pagina=. Si 5 dun6ue pensato c8e sare""e stato utile introdurre dei nuovi tag per identificare 6uesti elementi comuni e ricorrenti& dando cosI anc8e un valore semantico a 6ueste parti di una pagina. )cco come sono nati i nuovi elementi 34#L C8eaderD& CnavD& CfooterD& CasideD e tutti gli altri c8e potete scoprire leggendo i nostri articoli su 34#L e 9e" semantico& dove troverete articoli anc8e su microformats& microdata e ,'>& altre tecnologie legate a 34#L e al semantic 9e". In am"ito accessi"ilit. 5 inoltre interessante l?integra1ione con A,IA& un sistema di markup per migliorare notevolmente l?accessi"ilit. delle nostre pagine 9e". Per rendere pi facile la frui1ione e la crea1ione di markup& poi& 5 stata di gran lunga semplificata la parte di Avalida1ioneA& in particolare rispetto a documenti @#L 6uali @34#L. 5 sufficiente ricordare c8e il doctFpe& una volta una pappardella infinita& adesso 5 un semplice; '()OCT*+, ht$lJasta 6uesto per indicare c8e il nostro documento 5 una pagina 34#L .

2. Offline e storage
34#L 5 l?insieme di tecnologie c8e vuole trasformare Internet da un semplice catalogo di pagine di testo in un immenso arc8ivio di applica"ioni #eb& ovvero strumenti con fun1ionalit. avan1ate e interfaccia user:friendlF per Afare coseA& non solo per consultare documenti. In 6uesto senso& le due tecnologie c8e rendono possi"ile la AmagiaA di una vera e propria applica1ione scritta in 34#L sono; App *ac8e; per dire al "ro9ser 6uali file <34#L& immagini& *SS& EavaScript= salvare in locale cosI da consentire una naviga1ione e un utili11o dell?applica1ione anc8e 6uando si 5 offline Local Storage; un?evolu1ione dei cookies& molto pi facile da gestire e soprattutto con mega <almeno= di spa1io a disposi1ione per salvare dati direttamente dal "ro9ser& sen1a passare da un data"ase centrali11ato <e 6uindi raggiungi"ile solo 6uando connessi=

3. API di accesso ai device

34#L vuole essere la tecnologia di sviluppo del futuro. ) il futuro non 5 solo pi il nostro caro desktop o note"ook; iP8one& Android& iPad& altri ta"let : 6uesti sono gli strumenti con cui oggi e soprattutto domani si utili11er. il 9e". Per sfruttare al massimo le fun1ionalit. di tutti 6uesti device 34#L prevede l?utili11o di una serie di API <ovvero di Ainterfacce di programma1ioneA= per accedere a caratteristic8e e dati specifici dei vari terminali; attualmente 5 gi. implementata e fun1ionante sulla maggior parte dei "ro9ser& telefonini e ta"let la geolocali11a1ione <il device comunica al "ro9ser la posi1ione dell?utente e dun6ue il nostro EavaScript pu7 agire di conseguen1a= ma sono gi. in fase avan1ata di progetta1ione altre API per utili11are ad esempio la fotocamera& la lista dei contatti o i dispositivi audio.

4.

e! Sockets

Kno dei pro"lemi pi ardui c8e ogni developer affronta nella sua carriera 5 far comunicare il il "ro9ser con il server sen1a dover ogni volta ricaricare la pagina& aprendo cio5 una connessione diretta e aggiorna"ile a prescindere dal resto della pagina. !e" Sockets risolve proprio 6uesto pro"lema; 6uesta tecnologia <non ancora del tutto diffusa e implementata per pro"lemi legati alla sicure11a ma comun6ue gi. a""astan1a AmaturaA e fun1ionante& ad esempio& su iP8one= consente di creare un canale di comunica1ione full:dupleL tra il "ro9ser e il server& dando cosI la possi"ilit. di AdialogareA in maniera semplice e user:friendlF per creare& ad esempio& applica1ioni di c8at in realtime o altre applica1ioni c8e ric8iedono uno scam"io costante di informa1ioni fra client e server <o fra vari client& passando dal server=.

". #ultimedia
*8e direi del supporto nativo nei "ro9ser di audio e video all?interno del "ro9ser+ 34#L 8a introdotto i due tag CaudioD e CvideoD per inserire in maniera facile& veloce e sen1a l?utili11o di plugin esterni <tipo >las8 o SilverLig8t= dei file audio o dei file video. La cosa fantastica di tutto ci7 5 c8e& contrariamente a 6uanto avviene ad esempio con >las8& 6uesti elementi sono parte del 'O# e dun6ue possono essere li"eramente modificati e gestiti da EavaScript : ad esempio in com"ina1ione con altri oggetti 34#L tipo il canvas per manipolare in tempo reale un video <6uesto 5 fantastico& da guardare con >irefoL=. Provate a farlo con >las8G

$. %rafica& disegno ed effetti 3'

A""iamo citato canvas& ricordiamo anc8e SM%; due strumenti per disegnare <il primo in

A"itmapA& il secondo vettoriale= direttamente sulla nostra pagina 9e" utili11ando semplicemente un tag
<canvas>

e un po? di EavaScript. Il risultato+ Je8& sare""e troppo lunga la lista di esempi e possi"ilit. di utili11o di canvas e SM%& ma date un ?occ8iata a 6uesto gioco stile 'oom : tutto in EavaScriptG

(.

e!

orkers

*ome a""iamo visto& EavaScript sta diventando un linguaggio sempre pi complesso e potente& ric8iedendo in alcuni casi una 6uantit. di risorse non indifferente. Purtroppo& 6uesto vuol dire spesso rallentare tutto il "ro9ser& rendendo la naviga1ione nel resto della pagina o l?utili11o di altre finestre 6uasi impossi"ile. Per risolvere 6uesto pro"lema 5 stata inventata la tecnologia !e" !orkers& ovvero un sistema per AslegareA un?attivit. intensiva dal resto dell?interfaccia utente; in sostan1a& si decide c8e una fun1ione deve essere eseguita sen1a c8e 6uesta "locc8i l?utili11o del sito e dun6ue& mentre si attendono i risultati <ad esempio di un calcolo complesso o di una 6uerF su un altro server= 5 possi"ile comun6ue utili1are le altre fun1ionalit. della 9e" app e navigare sulla pagina come se nulla stesse impegnando in maniera intensiva il processore e il "ro9ser.

) *SS3 +
*SS3 riguarda la presenta1ione di un documento e dun6ue 5 una cosa slegata da 34#L c8e invece riguarda il contenuto& i dati. ,icordiamo solo c8e& contestualmente alle novit. c8e a""iamo indicato& 5 nato per l?appunto *SS3& ovvero un nuovo standard *SS con un sacco di nuove ed esaltanti caratteristic8e per rendere a dir poco stra"ilianti dal punto di vista grafico le nostre pagine 9e".

Pro!lemi
4utto "ello& tutto fantastico+ Nuasi... I pro"lemi principali di 34#L sono due; 1= non 5 ancora una standard definito ma ancora& e per un "el po?& una specifica in fase defini1ione. 4utte le tecnologie c8e vi a""iamo indicato in 6uesto tutorial sono a""astan1a Ac8iuseA e dun6ue possono essere utili11ate con tran6uillit. ma 5 "ene ricordare c8e lo standard finale& a 6uanto pare& non sar. finito entro il 2222 <o 6ualcosa del genere...= 2= il pro"lema principale 5 c8e il supporto di 6ueste fun1ionalit. non 5 ancora total fra i vari "ro9ser e <soprattutto in am"ito *SS3= sussistono ancora delle solu1ioni AproprietarieA ad esempio per alcuni tag e classi. O "ene dun6ue utili11are sempre sia delle li"rerie tipo #oderni1r c8e ci avvertono su 6uali fun1ionalit. sono supportate dal "ro9ser c8e sta visuali11ando le nostre pagine e soprattutto progettare la nostra 9e" app per avere delle solu1ioni di fall"ack <pensiamo ad esempio ad una solu1ione >las8 per i "ro9ser c8e non accettano il tag CvideoD=

,icapitoliamo.
Le nuove tecnologie 34#L sono; Semantica e markup pi facile Offline e storage API di accesso ai device !e" Sockets #ultimedia %rafica& disegno ed effetti 3' !e" !orkers

Ora; ditemi voi se& com"inando 6ueste tecnologie insieme <ovviamente 5 6uesto il "elloG= non si pu7 fare 6ualcosa di assolutamente fantastico e impensa"ile prima di 34#L . Kna applica1ione 9e" c8e fun1iona anc8e 6uando il nostro terminale <laptop o telefonino= non 5 connesso e& trovando la nostra geolocation& disegna in tempo reale e sen1a "loccarci il "ro9ser su una mappa delle nuvolette con sfumature e dimensioni diverse a seconda dei t9eet c8e vengono prodotti nelle nostre vicinan1e+ Si pu7G Nualun6ue altra cosa vi venga in mente+ Si pu7GGG ;=

HTML5 per chi vuol fare sul serio

Per reali11are le pagine 9e" con 6uesto nuovo e sempre pi diffuso standard occorre approfondire l?argomento con un manuale pi completo. Kn "uon riferimento gratuito online in italiano 5 stato reali11ato dalla #o1illa 'eveloper Pet9ork e si trova alla pagina 9e"; developer.mo1illa.org Nui sotto trovate un riassunto dei contenuti;

Semantica
Se1ioni e struttura in 34#L Q Uno sguardo ai nuovi elementi di sezionamento e contorno in HTML5: CsectionDQ , CarticleDQ , CnavDQ , C8eaderDQ , CfooterDQ , CasideDQ e C8groupDQ. Integrare audio e video in 34#L Q Gli elementi CaudioDQ e CvideoDQ permettono l'integrazione e la manipolazione di nuovi contenuti multimediali. >orms in 34#L Q Uno sguardo ai miglioramenti dei form in HTML5: le A ! di convalida dei campi, parecc"i nuovi attri#uti, nuovi valori per l'attri#uto tFpeQ degli CinputDQ, e il nuovo elemento CoutputDQ. $uovi elementi semantici Accanto a sezioni, multimedia e le novit dei forms, ci sono numerosi nuovi elementi come CmarkDQ, CfigureDQ, CfigcaptionDQ, CdataDQ, CtimeDQ, CoutputDQ, CprogressDQ, o CmeterDQ, c"e accrescono la %uantit di elementi validi di 34#L Q. Miglioramenti degli CiframeDQ Utilizzando sand"oLQ, seamlessQ, e gli attri#uti srcdocQ, gli autori possono ora precisare il livello di sicurezza e il rendering desiderato di un elemento CiframeDQ. #at8#LQ ermette di incorporare direttamente formule matematic"e. Introdu1ione a 34#L Q &uesto articolo introduce al pro#lema di come indicare al #ro'ser c"e stai utilizzando HTML5 nel tuo progetto o applicazione 'e#. Parser di 34#L :compati"ileQ !l parser, c"e converte i #(te di un documento HTML nel )*M, stato esteso ed ora riconosce con precisione il comportamento da adottare in tutti i casi, anc"e %uando incontra HTML non valido. +i conduce ad una maggiore prevedi#ilit e interopera#ilit tra i #ro'ser compati#ili con HTML5.

*onnettivit!e" SocketsQ ermette di creare una connessione permanente tra la pagina ed il server e di scam#iare dati, non HTML, attraverso %uesto mezzo. Server:event inviatiQ ermetta a un server di sottoporre eventi al client, contrariamente al classico paradigma per cui il server invia dati solo in risposta alla ric"iesta del client. !e",4*Q &uesta tecnologia, in cui ,T+ sta per ,eal Time +ommunication, permette di connettersi ad altre persone e controllare direttamente la videoconferenza nel #ro'ser, senza #isogno di plugin o applicazioni esterne.

Offline . #emori//a/ione
,isorse Offline; la cac8e dell?applica1ioneQ -irefo. supporta a pieno le specific"e offline di HTML5. La maggior parte degli altri #ro'ser "anno un %ualc"e livello di supporto per le risorse offline. )venti online e offlineQ -irefo. / supporta eventi 0HAT0G online e offline, c"e lasciano rilevare alle applicazioni ed estensioni se c' o no una connessione internet attiva, nonc" %uando la connessione cam#ia stato. Sessione !3A4!% lato client e memori11a1ione persistente <alias #emori11a1ione 'O#=Q La memorizzazione lato client, persistente e di sessione, permette alle applicazioni 'e# di immagazzinare strutture dati lato client. IndeLed'JQ 1' uno standard 'e# per la memorizzazione nel #ro'ser di significative %uantit di dati strutturati e per ricerc"e indicizzate ad elevate prestazioni su tali dati. Ktili11are file da applica1ioni 9e"Q !l supporto per le nuove A ! per i file in HTML5 stato aggiunto a Gec2o, rendendo possi#ile l'accesso a file locali selezionati dall'utente. +i include il supporto per la selezione multipla di file utilizzando il nuovo attri#uto multipleQ con tFpeQ file dell'elemento CinputDQ. +' anc"e >ile,eaderQ.

#ultimedia
Ktili11are audio e video in 34#L Q Gli elementi CaudioDQ e CvideoDQ incorporano e permetto la manipolazione di nuovi contenuti multimediali. !e",4*Q &uesta tecnologia, in cui ,T+ sta per ,eal Time +ommunication, permette di

connettersi ad altre persone e controlla direttamente la videoconferenza nel #ro'ser, senza #isogno di plugin o applicazioni esterne. Ktili11o della API *ameraQ ermette di usare, manipolare e memorizzare un'immagine dalla fotocamera del computer. Trac2 e 0e#3TT L'elemento CtrackDQ consente capitoli e sottotitoli. !e"M44Q un formato di traccia testuale.

%rafica . )ffetti 3'

4utorial sui *anvasQ Apprendi il nuovo elemento CcanvasDQ e come disegnare grafica ed altri oggetti in -irefo. API di testo per gli elementi CcanvasD di 34#L Q Le A ! di testo di HTML5 sono ora supportate agli elementi CcanvasDQ. !e"%LQ 0e#GL porta la grafica /) sul 0e# introducendo una A ! strettamente conforme a *penGL 14 5.6 utilizzata negli elementi CcanvasDQ di HTML5. SM%Q Un formato di immagine vettoriale #asato su 7ML c"e pu essere direttamente incorporato nel documento HTML.

Presta/ioni . integra/ione
!e" !orkersQ ermette di delegare l'esecuzione 8ava4cript a t"read in #ac2ground, impedendo a %ueste attivit di rallentare gli eventi interattivi. @#L3ttp,e6uestQ Livello 5 ermette di ottenere asincronamente %ualc"e parte della pagina e di visualizzarne dinamicamente il contenuto, variandolo nel tempo e in #ase alle azioni dell'utente. &uesta la tecnologia dietro ARaLQ. 8!T9motori 8ava4cript compilati La nuova generazione di motori 8ava4cript sono molto pi potenti, e garantiscono maggiori prestazioni. 3istorF APIQ ermette la manipolazione della cronologia del #ro'ser. +i particolarmente utile per le pagine c"e caricano nuove informazioni interattivamente.

L?attri"uto content)dita"le; trasforma il tuo sito 9e" in un 9ikiGQ HTML5 "a standardizzato l'attri#uto content1dita#le. 'rag 0 dropQ Le A ! per il drag : drop in HTML5 supportano il trascinamento e rilascio di voci all'interno del sito e tra siti 'e#. -ornisce anc"e una A ! pi semplice per l'uso da parte di estensioni e applicazioni #asate su Mozilla. %estione del focus in 34#LQ 4ono supportati i nuovi attri#utiHTML5 active1lement e "as-ocus. %estori di protocollo "asato sul !e"Q 1' ora possi#ile registrare applicazioni 'e# come gestori di protocollo utilizzando il metodo navigator.register rotocolHandler;<. re6uestAnimation>rameQ ermette di controllare il rendering delle animazioni per ottenere prestazioni ottimali. >ullscreen APIQ +ontrolla l'utilizzo a pieno sc"ermo da parte di pagine 'e# e applicazioni, senza la visualizzazione della U! del #ro'ser. Pointer Lock APIQ ermette di #loccare il puntatore al contenuto, cos gioc"i e applicazioni simili non perdono il focus %uando il puntatore ne oltrepassa il margine. )venti online ed offlineQ Al fine di costruire una #uona applicazione 'e# capace di lavorare offline, "ai #isogno di sapere %uando l'applicazione offline. Hai anc"e #isogno di sapere %uando l'applicazione torna nello stato online.

Accesso ai 'ispositivi
Ktili11are le API *ameraQ ermette di utilizzare, manipolare e immagazzinare immagini dalla fotocamera del computer. )venti 4ouc8Q Gestori c"e reagiscono ad eventi creati dalla pressione sullo sc"ermo da parte dell'utente. Ktili11are la geolocali11a1ioneQ ermetti al #ro'ser di localizzare la posizione dell'utente grazie alla geolocalizzazione. ,ileva1ione orientamento del dispositivoQ Lascia c"e il #ro'ser sia informato del cam#io di orientamento del

dispositivo. u essere utilizzato come metodo di input ;per esempio per realizzare gioc"i c"e reagiscono alla posizione del dispositivo< o per adattare l'impaginazione all'orientamento dello sc"ermo ;potrait o landscape<. Pointer Lock APIQ ermette di #loccare il puntatore al contenuto, cos gioc"i e applicazioni simili non perdono il focus %uando il puntatore ne oltrepassa il margine.

Stile
*SSQ stato esteso consentendo elementi di stile pi complessi. 1' spesso identificato come *SS3Q, se##ene +44 non sia comun%ue una specifica monolitica e i differenti moduli non siano tutti di livello /: alcuni sono di livello =, ed altri di livello >, con tutti i livelli intermedi. $uove caratteristic"e di stile per lo sfondo 1' ora possi#ile aggiungere un'om#ra a un #o., utilizzando"oL:s8ado9Q ed impostare sfondi multipliQ. ?ordi pi fantasiosi $on solo possi#ile utilizzare le immagini come stile dei #ordi, utilizzando "order:imageQ e le propriet associate, ma sono supportati i #ordi arrotondati per mezzo della propriet "order:radiusQ. Anima il tuo stile Utilizzando le 4ransi1ioni *SSQ per animare il passaggio tra stati, o utilizzando le Anima1ioni *SSQ per animare parti della pagina senza un evento scatenante, puoi controllare gli elementi mo#ili sulla pagina. Miglioramenti tipografici Gli autori "anno un miglior controllo per ottenere un migliore aspetto tipografico. ossono controllare il teLt:overflo9Q e la silla"a1ioneQ, ma possono anc"e applicare un?om"raQ o controllare pi precisamente la decora1ioneQ. +aratteri tipografici personalizzati possono essere scaricati e applicati grazie alla nuova regola Sfont:faceQ. $uove impaginazioni per la presentazione Al fine di migliorare la flessi#ilit di progettazione, sono stati aggiunti due nuovi la(out: Impagina1ione *SS a colonna multiplaQ, e l?impagina1ione *SS a "oL flessi"ileQ.

Biblio rafia
Jeffrey Zeldman; Ethan Marcotte !"iluppare #iti con gli #tandard $eb Milano Apogeo %&'&( )!*+ ,-./..0&1%,23,( Mark 4ilgrim HTM506 Guida operati"a Milano Hop# Tecniche nuo"e %&'&( )!*+ ,-./ ..3.'%0&3.( Gabriele Gigliotti HTM506 !"iluppare oggi il Web di domani Milano Apogeo %&'%( )!*+ ,-./..0&11''2'(

!ito rafia
Nuesto "reve e"ook 5 stato li"eramente tratto dalle seguenti pagine 9e"; a= articolo HTML5 da 9ikipedia.it& l?enciclopedia li"era it.9ikipedia.orgT9ikiT34#L "= articolo Che cos' HTML5 da HTM5 0 Today <il primo blog italiano dedicato interamente alle nuo"e tecnologie $eb HTM50 e 7!!1=; 999.8tml todaF.itTtutorialTc8e:cos:8tml c= la se1ione HTML5 della Mo8illa 9e"eloper +et$ork 8ttps;TTdeveloper.mo1illa.orgTitTdocsT34#LT34#L c8e consiglio vivamente per approfondimenti

Licen"a d'uso
:ue#to ebook pu; e##ere riutili88ato a piacere e modificato per #copi non commerciali come #tabilito dalla licen8a 7reati"e 7ommon# 48is 9ork is licensed under a *reative *ommons Attri"ution:Pon*ommercial:S8areAlike 3.2 Knported License