8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 1/13

Tavola dei Contenuti (TOC)

Che cos'è HTML5?..........................................................................Error: Reference source not found

La sua storia e il suo futuro.......................................................Error: Reference source not found

Caratteristiche principali .................................................................Error: Reference source not found

1. Seantica per le nostre pa!ine e un ar"up pi# facile .......Error: Reference source not found

$. %ffline e stora!e....................................................................Error: Reference source not found

&. () di accesso ai de*ice........................................................Error: Reference source not found

+. ,e- Soc"ets..........................................................................Error: Reference source not found

5. Multiedia............................................................................Error: Reference source not found. /rafica0 dise!no ed effetti &...............................................Error: Reference source not found

2. ,e- ,or"ers.........................................................................Error: Reference source not found

E CSS& ?...................................................................................Error: Reference source not found

(ro-lei....................................................................................Error: Reference source not found

Ricapitoliao............................................................................Error: Reference source not found

HTML5 per chi *uol fare sul serio..................................................Error: Reference source not found

Seantica..................................................................................Error: Reference source not foundConnetti*it3................................................................Error: Reference source not found

%ffline 4 Meoriaione................................Error: Reference source not foundMultiedia.........................................................Error: Reference source not found/rafica 4 Effetti &..........................................Error: Reference source not found(restaioni 4 inte!raione.................................Error: Reference source not foundccesso ai ispositi*i........................................Error: Reference source not foundStile....................................................................Error: Reference source not found

6i-lio!rafia .....................................................................................Error: Reference source not found

Sito!rafia..........................................................................................Error: Reference source not found

Licena d'uso....................................................................................Error: Reference source not found

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 2/13

Error: Reference source not found

  HTML5 è la nuo*a oda del oento0 inne!a-ilente. Contrariaente a 7uanto a**iene

spesso per *oca-oli di oda e di ar"etin!0 per80 HTML5 è da**ero una realt3 ri*oluionaria checa-ier3 sensi-ilente il nostro odo di *i*ere e fruire il 9e- e dun7ue un eleento sicuraente

 presente0 pro-a-ilente iportante della nostra *ita.

  Ma che cosa è HTML5? )n 7uesto li-retto pro*ereo a dare una spie!aione seplice acopleta di 7uesto terine e di tutte le tecnolo!ie che ne fanno parte per fornire una -ase teorica sucui fondare tutti i nostri fantastici e inno*ati*i pro!etti di s*iluppo.

  %ccorre prestare attenione ad alcuni articoli in cui si parla di HTML5 coe insiee ditecnolo!ie includendo sostanialente tutte le pi# recenti no*it3 relati*e allo s*iluppo 9e- e allacreaione di web alications. La definiione pi# corretta è la se!uente:

 l!HTML5 è un lin"ua""io di #ar$u er la struttura%ione delle a"ine web&

 La sua storia e il suo futuro

  Lo s*iluppo *enne a**iato dal !ruppo di la*oro Web Hypertext Application Technology

Working Group ;,HT,/< ;fondato nel $==+ da s*iluppatori appartenenti ad pple0 Moilla>oundation e %pera Soft9are< che si pose coe o-ietti*o 7uello di pro!ettare specifiche per los*iluppo di applicaioni 9e-0 focaliandosi su i!lioraenti e a!!iunte ad HTML e alletecnolo!ie correlate.

  )niialente in contrasto con il ,orld ,ide ,e- Consortiu per le lun!a!!ini nel processodi e*oluione dello standard htl e per la decisione del ,&C di orientare la standardiaione *ersol'HTML $ che non !aranti*a retro copati-ilit30 lo stesso ,&C ha poi riconosciuto *alide tali

oti*aioni0 annunciando di creare un apposito !ruppo per la standardiaione dell'HTML5 ea--andonare l'HTML $.=.

  al $==2 il ,HT,/ ha colla-orato con il ,&C in tale processo di standardiaione0 per poi decidere nel $=1$ di separarsi dal processo di standardiaione del ,&C0 creando di fatto due*ersioni dell'HTML5: la *ersione del ,HT,/ *iene definita coe @HTML Li*in! Standard@ e7uindi in continua e*oluione0 entre 7uella del ,&C sar3 una unica *ersione corrispondente aduno @snapshot@ del Li*in! Standard.

  )l ,orld ,ide ,e- Consortiu ha annunciato che la pria *ersione dello standard sar3 pronta per fine $=1+ e l'htl5.1 per il $=1A la pria Candidate Recoendation è stata pu--licata

dal ,&C il 12 ice-re $=1$.

  Le no*it3 introdotte dall'HTML5 rispetto all'HTML + sono finaliate soprattutto a

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 3/13

i!liorare il disaccoppiaento tra struttura0 definita dal ar"up0 caratteristiche di resa ;tipo dicarattere0 colori0 eccetera<0 definite dalle diretti*e di stile0 e contenuti di una pa!ina 9e-0 definiti daltesto *ero e proprio. )noltre l'HTML5 pre*ede il supporto per la eoriaione locale di !rosse7uantit3 di dati scaricati dal 9e- -ro9ser0 per consentire l'utilio di applicaioni -asate su 9e-;coe per esepio le caselle di posta di /oo!le o altri ser*ii analo!hi< anche in assena dicolle!aento a )nternet.

  )n particolare:

*en!ono rese pi# strin!enti le re!ole per la strutturaione del testo in capitoli0 para!rafi eseioniA

*en!ono introdotti eleenti di controllo per i enu di na*i!aioneA

*en!ono i!liorati ed estesi !li eleenti di controllo per i oduli elettroniciA

*en!ono introdotti eleenti specifici per il controllo di contenuti ultiediali ;ta! B*ideo e

Baudio<A

*en!ono deprecati o eliinati alcuni eleenti che hanno diostrato scarso o nessun utilioeffetti*oA

*en!ono estesi a tutti i ta! una serie di attri-uti0 specialente 7uelli finaliati all'accessi-ilit30finora pre*isti solo per alcuni ta!A

*iene supportato Can*as che perette di utiliare Da*aScript per creare aniaioni e !rafica -itapA

introduione della !eolocaliaione0 do*uta ad una forte espansione di sistei operati*i o-ili;7uali ndroid e i%S0 tra i pi# diffusi<A

sistea alternati*o ai norali coo"ie0 chiaato ,e- Stora!e0 pi# efficiente0 il 7uale consenteun note*ole rispario di -andaA

standardiaione di pro!rai Da*aScript0 chiaati ,e- ,or"ers e possi-ilit3 di utiliarealcuni siti offlineA

sostituione del lun!o e coplesso doctpe0 con un seplice BF%CTG(E htl.

 

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 4/13

 Caratteristiche rinciali

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

  opo s*ariati studi ;di %pera e di /oo!le< ci si è accorti0 7ualche anno fa0 che i 9e-desi!ners utilia*ano con pi# fre7uena alcuni noi di classi 7uali @header@0 @footer@0 @na*@0@article@ per identificare pi# o eno sepre !li stessi Bdi* delle proprie pa!ine ;ali la ano chinon ha usato @header@ o @footer@ coe classi del proprio di* di intestaione o di chiusura della

 pa!ina<. Si è dun7ue pensato che sare--e stato utile introdurre dei nuo*i ta! per identificare 7uestieleenti couni e ricorrenti0 dando cos anche un *alore seantico a 7ueste parti di una pa!ina.

  Ecco coe sono nati i nuo*i eleenti HTML5 Bheader0 Bna*0 Bfooter0 Baside e tutti!li altri che potete scoprire le!!endo i nostri articoli su HTML5 e 9e- seantico0 do*e tro*eretearticoli anche su icroforats0 icrodata e R>0 altre tecnolo!ie le!ate a HTML5 e al seantic9e-. )n a-ito accessi-ilit3 è inoltre interessante l'inte!raione con R)0 un sistea di ar"up

 per i!liorare note*olente l'accessi-ilit3 delle nostre pa!ine 9e-.

  (er rendere pi# facile la fruiione e la creaione di ar"up0 poi0 è stata di !ran lun!aseplificata la parte di @*alidaione@0 in particolare rispetto a docuenti ML 7uali HTML. èsufficiente ricordare che il doctpe0 una *olta una pappardella infinita0 adesso è un seplice:  'OCT*+E ht#l,

  6asta 7uesto per indicare che il nostro docuento è una pa!ina HTML5.

 2. Offline e storage

  HTML5 è l'insiee di tecnolo!ie che *uole trasforare )nternet da un seplice catalo!o di pa!ine di testo in un ienso archi*io di alica%ioni web0 o**ero struenti con funionalit3a*anate e interfaccia userfriendl per @fare cose@0 non solo per consultare docuenti.

  )n 7uesto senso0 le due tecnolo!ie che rendono possi-ile la @a!ia@ di una *era e propriaapplicaione scritta in HTML5 sono:

  pp Cache: per dire al -ro9ser 7uali file ;HTML0 ia!ini0 CSS0 Da*aScript< sal*are inlocale cos da consentire una na*i!aione e un utilio dell'applicaione anche 7uando si è offline

  Local Stora!e: un'e*oluione dei coo"ies0 olto pi# facile da !estire e soprattutto con 5e!a ;aleno< di spaio a disposiione per sal*are dati direttaente dal -ro9ser0 sena passare daun data-ase centraliato ;e 7uindi ra!!iun!i-ile solo 7uando connessi<

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 5/13

 3. API di accesso ai device

  HTML5 *uole essere la tecnolo!ia di s*iluppo del futuro. E il futuro non è solo pi# il nostro

caro des"top o note-oo": i(hone0 ndroid0 i(ad0 altri ta-let 7uesti sono !li struenti con cui o!!ie soprattutto doani si utilier3 il 9e-.

  (er sfruttare al assio le funionalit3 di tutti 7uesti de*ice HTML5 pre*ede l'utilio diuna serie di () ;o**ero di @interfacce di pro!raaione@< per accedere a caratteristiche e datispecifici dei *ari terinali: attualente è !i3 ipleentata e funionante sulla a!!ior parte dei

 -ro9ser0 telefonini e ta-let la !eolocaliaione ;il de*ice counica al -ro9ser la posiionedell'utente e dun7ue il nostro Da*aScript pu8 a!ire di conse!uena< a sono !i3 in fase a*anata di

 pro!ettaione altre () per utiliare ad esepio la fotocaera0 la lista dei contatti o i dispositi*iaudio.

 4. e! Sockets

  Ino dei pro-lei pi# ardui che o!ni de*eloper affronta nella sua carriera è far counicare ilil -ro9ser con il ser*er sena do*er o!ni *olta ricaricare la pa!ina0 aprendo cioè una connessionediretta e a!!iorna-ile a prescindere dal resto della pa!ina.

  ,e- Soc"ets risol*e proprio 7uesto pro-lea: 7uesta tecnolo!ia ;non ancora del tuttodiffusa e ipleentata per pro-lei le!ati alla sicurea a coun7ue !i3 a--astana @atura@ efunionante0 ad esepio0 su i(hone< consente di creare un canale di counicaione fulldupleJ tra il

 -ro9ser e il ser*er0 dando cos la possi-ilit3 di @dialo!are@ in aniera seplice e userfriendl percreare0 ad esepio0 applicaioni di chat in realtie o altre applicaioni che richiedono uno sca-iocostante di inforaioni fra client e ser*er ;o fra *ari client0 passando dal ser*er<.

 ". #ultimedia

  Che direi del supporto nati*o nei -ro9ser di audio e *ideo all'interno del -ro9ser? HTML5ha introdotto i due ta! Baudio e B*ideo per inserire in aniera facile0 *eloce e sena l'utilio di plu!in esterni ;tipo >lash o Sil*erLi!ht< dei file audio o dei file *ideo. La cosa fantastica di tutto ci8è che0 contrariaente a 7uanto a**iene ad esepio con >lash0 7uesti eleenti sono parte del %Me dun7ue possono essere li-eraente odificati e !estiti da Da*aScript ad esepio inco-inaione con altri o!!etti HTML5 tipo il can*as per anipolare in tepo reale un *ideo;7uesto è fantastico0 da !uardare con >irefoJ<. (ro*ate a farlo con >lashF

 $. %rafica& disegno ed effetti 3'

  --iao citato can*as0 ricordiao anche SK/: due struenti per dise!nare ;il prio in

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 6/13

@-itap@0 il secondo *ettoriale< direttaente sulla nostra pa!ina 9e- utiliando sepliceente unta!

<canvas> e un po' di Da*aScript. )l risultato? 6eh0 sare--e troppo lun!a la lista di esepi e possi-ilit3 di

utilio di can*as e SK/0 a date un 'occhiata a 7uesto !ioco stile oo tutto in Da*aScriptF

 (. e! orkers

  Coe a--iao *isto0 Da*aScript sta di*entando un lin!ua!!io sepre pi# coplesso e potente0 richiedendo in alcuni casi una 7uantit3 di risorse non indifferente. (urtroppo0 7uesto *uoldire spesso rallentare tutto il -ro9ser0 rendendo la na*i!aione nel resto della pa!ina o l'utilio dialtre finestre 7uasi ipossi-ile.

  (er risol*ere 7uesto pro-lea è stata in*entata la tecnolo!ia ,e- ,or"ers0 o**ero unsistea per @sle!are@ un'atti*it3 intensi*a dal resto dell'interfaccia utente: in sostana0 si decide cheuna funione de*e essere ese!uita sena che 7uesta -locchi l'utilio del sito e dun7ue0 entre siattendono i risultati ;ad esepio di un calcolo coplesso o di una 7uer su un altro ser*er< è

 possi-ile coun7ue utiliare le altre funionalit3 della 9e- app e na*i!are sulla pa!ina coe senulla stesse ipe!nando in aniera intensi*a il processore e il -ro9ser.

 ) *SS3 +

  CSS& ri!uarda la presentaione di un docuento e dun7ue è una cosa sle!ata da HTML5che in*ece ri!uarda il contenuto0 i dati. Ricordiao solo che0 contestualente alle no*it3 chea--iao indicato0 è nato per l'appunto CSS&0 o**ero un nuo*o standard CSS con un sacco di nuo*eed esaltanti caratteristiche per rendere a dir poco stra-ilianti dal punto di *ista !rafico le nostre

 pa!ine 9e-.

 Pro!lemi 

  Tutto -ello0 tutto fantastico? uasi... ) pro-lei principali di HTML5 sono due:1< non è ancora una standard definito a ancora0 e per un -el po'0 una specifica in fase definiione.Tutte le tecnolo!ie che *i a--iao indicato in 7uesto tutorial sono a--astana @chiuse@ e dun7ue

 possono essere utiliate con tran7uillit3 a è -ene ricordare che lo standard finale0 a 7uanto pare0non sar3 finito entro il $=$$ ;o 7ualcosa del !enere...<

$< il pro-lea principale è che il supporto di 7ueste funionalit3 non è ancora total fra i *ari -ro9ser e ;soprattutto in a-ito CSS&< sussistono ancora delle soluioni @proprietarie@ ad esepio per alcuni ta! e classi. -ene dun7ue utiliare sepre sia delle li-rerie tipo Modernir che cia**ertono su 7uali funionalit3 sono supportate dal -ro9ser che sta *isualiando le nostre pa!ine esoprattutto pro!ettare la nostra 9e- app per a*ere delle soluioni di fall-ac" ;pensiao ad esepio

ad una soluione >lash per i -ro9ser che non accettano il ta! B*ideo<

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 7/13

 ,icapitoliamo.

  Le nuo*e tecnolo!ie HTML5 sono:

  Seantica e ar"up pi# facile   %ffline e stora!e   () di accesso ai de*ice   ,e- Soc"ets   Multiedia   /rafica0 dise!no ed effetti &   ,e- ,or"ers

  %ra: ditei *oi se0 co-inando 7ueste tecnolo!ie insiee ;o**iaente è 7uesto il -elloF<

non si pu8 fare 7ualcosa di assolutaente fantastico e ipensa-ile pria di HTML5.

  Ina applicaione 9e- che funiona anche 7uando il nostro terinale ;laptop o telefonino<non è connesso e0 tro*ando la nostra !eolocation0 dise!na in tepo reale e sena -loccarci il

 -ro9ser su una appa delle nu*olette con sfuature e diensioni di*erse a seconda dei t9eet che*en!ono prodotti nelle nostre *icinane? Si pu8F

  ualun7ue altra cosa *i *en!a in ente? Si pu8FFF :< 

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 8/13

 HTML5 er chi vuol fare sul serio

  (er realiare le pa!ine 9e- con 7uesto nuo*o e sepre pi# diffuso standard occorreapprofondire l'ar!oento con un anuale pi# copleto. In -uon riferiento !ratuito online initaliano è stato realiato dalla Moilla e*eloper Net9or" e si tro*a alla pa!ina 9e-:de*eloper.oilla.or!

  ui sotto tro*ate un riassunto dei contenuti:

 Semantica

Seioni e struttura in HTML5OUno sguardo ai nuovi elementi di sezionamento e contorno in HTML5:

BsectionO , BarticleO , Bna*O , BheaderO , BfooterO , BasideO e Bh!roupO.

)nte!rare audio e *ideo in HTML5OGli elementi BaudioO e B*ideoO permettono l'integrazione e la manipolazione

di nuovi contenuti multimediali.

>ors in HTML5OUno sguardo ai miglioramenti dei form in HTML5: le A! di convalida dei

campi, parecc"i nuovi attri#uti, nuovi valori per l'attri#uto tpeO degliBinputO, e il nuovo elemento BoutputO.

$uovi eleme ti sema ticiAccanto a sezioni, multimedia e le novit dei forms, ci sono numerosi nuovià

elementi come Bar"O, Bfi!ureO, Bfi!captionO, BdataO, BtieO, BoutputO,Bpro!ressO, o BeterO, c"e accrescono la %uantit dià eleenti *alidi di HTML5O.

Migliorame ti degli BifraeOUtilizzando sand-oJO, sealessO, e gli attri#uti srcdocO, gli autori possono oraprecisare il livello di sicurezza e il rendering desiderato di un elemento

BifraeO.

MathMLOermette di incorporare direttamente formule matematic"e.

)ntroduione a HTML5O&uesto articolo introduce al pro#lema di come indicare al #roser c"e stai

utilizzando HTML5 nel tuo progetto o applicazione e#.

(arser di HTML5copati-ileO!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 #roser compati#ili conà à

HTML5.

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 9/13

*onnettivit-

,e- Soc"etsOermette di creare una connessione permanente tra la pagina ed il server e

di scam#iare dati, non HTML, attraverso %uesto mezzo.

Ser*ere*ent in*iatiOermetta 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-RTCO&uesta tecnologia, in cui T+ sta per eal Time +ommunication, permette di

connettersi ad altre persone e controllare direttamente la videoconferenza

nel #roser, senza #isogno di plugin o applicazioni esterne.

Offline #emori//a/ioneRisorse %ffline: la cache dell'applicaioneO

-irefo supporta a pieno le specific"e offline di HTML5. La maggior parte

degli altri #roser "anno un %ualc"e livello di supporto per le risorse offline.

E*enti online e offlineO-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 ,HT,/ lato client e eoriaione persistente ;alias Meoriaione %M<OLa memorizzazione lato client, persistente e di sessione, permette alle

applicazioni e# di immagazzinare strutture dati lato client.

)ndeJed6O1' uno standard e# per la memorizzazione nel #roser di significative

%uantit di dati strutturati e per ricerc"e indicizzate ad elevate prestazionià  

su tali dati.

Itiliare file da applicaioni 9e-O!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

ultipleO con tpeO file dell'elemento BinputO. +' anc"eè >ileReader O.

 #ultimedia

Itiliare audio e *ideo in HTML5OGli elementi BaudioO e B*ideoO incorporano e permetto la manipolazione di

nuovi contenuti multimediali.

,e-RTCO&uesta tecnologia, in cui T+ sta per eal Time +ommunication, permette di

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 10/13

connettersi ad altre persone e controlla direttamente la videoconferenza nel

#roser, senza #isogno di plugin o applicazioni esterne.

Itilio della () CaeraOermette di usare, manipolare e memorizzare un'immagine dalla fotocamera

del computer.

Trac2 e 0e#3TT

L'elemento Btrac"O consente capitoli e sottotitoli. ,e-KTTO  un formato diè

traccia testuale.

%rafica )ffetti 3'

Tutorial sui Can*asOApprendi il nuovo elemento Bcan*asO e come disegnare grafica ed altri

oggetti in -irefo

() di testo per !li eleenti Bcan*as di HTML5OLe A! di testo di HTML5 sono ora supportate agli elementi Bcan*asO.

,e-/LO0e#GL porta la grafica /) sul 0e# introducendo una A! strettamente

conforme a *penGL 14 .6 utilizzata negli elementi Bcan*asO di HTML5.

SK/O

Un formato di immagine vettoriale #asato su 7ML c"e pu essereòdirettamente incorporato nel documento HTML.

 Presta/ioni integra/ione

,e- ,or"ersOermette di delegare l'esecuzione 8ava4cript a t"read in #ac2ground,

impedendo a %ueste attivit di rallentare gli eventi interattivi.à

MLHttpRe7uestO Livello

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è PaJO.

8!T9motori 8ava4cript compilati

La nuova generazione di motori 8ava4cript sono molto pi potenti, eù

garantiscono maggiori prestazioni.

Histor ()Oermette la manipolazione della cronologia del #roser. +i particolarmenteò è  

utile per le pagine c"e caricano nuove informazioni interattivamente.

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 11/13

L'attri-uto contentEdita-le: trasfora il tuo sito 9e- in un 9i"iFOHTML5 "a standardizzato l'attri#uto content1dita#le.

ra! 4 dropOLe 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 HTMLO4ono supportati i nuovi attri#utiHTML5 active1lement e "as-ocus.

/estori di protocollo -asato sul ,e-O1' ora possi#ile registrare applicazioni e# come gestori di protocollo

utilizzando il metodo navigator.registerrotocolHandler;<.

re7uestniation>raeOermette di controllare il rendering delle animazioni per ottenere prestazioni

ottimali.

>ullscreen ()O+ontrolla l'utilizzo a pieno sc"ermo da parte di pagine e# e applicazioni,

senza la visualizzazione della U! del #roser.

(ointer Loc" ()Oermette di #loccare il puntatore al contenuto, cos gioc"i e applicazioniì

simili non perdono il focus %uando il puntatore ne oltrepassa il margine.

E*enti online ed offlineOAl 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 

Itiliare le () CaeraOermette di utilizzare, manipolare e immagazzinare immagini dalla fotocamera

del computer.

E*enti TouchOGestori c"e reagiscono ad eventi creati dalla pressione sullo sc"ermo da

parte dell'utente.

Itiliare la !eolocaliaioneOermetti al #roser di localizzare la posizione dell'utente grazie alla

geolocalizzazione.

Rile*aione orientaento del dispositi*oOLascia c"e il #roser sia informato del cam#io di orientamento del

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 12/13

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<.

(ointer Loc" ()Oermette di #loccare il puntatore al contenuto, cos gioc"i e applicazioniì

simili non perdono il focus %uando il puntatore ne oltrepassa il margine.

 Stile

CSSO  stato esteso consentendo elementi di stile pi complessi. 1' spessoè ù

identificato come CSS&O, 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 sfo do1' ora possi#ile aggiungere un'om#ra a un #o, utilizzando -oJshado9O edimpostare sfondi ultipliO.

?ordi pi fa tasiosi

$on solo possi#ile utilizzare le immagini come stile dei #ordi, utilizzandoè

 -orderia!eO e le propriet associate, ma sono supportati i #ordi arrotondatià  

per mezzo della proprietà  -orderradiusO.

A ima il tuo stile

Utilizzando le Transiioni CSSO per animare il passaggio tra stati, o utilizzandole niaioni CSSO per animare parti della pagina senza un evento

scatenante, puoi controllare gli elementi mo#ili sulla pagina.

Migliorame ti tipografici

Gli autori "anno un miglior controllo per ottenere un migliore aspetto

tipografico. ossono controllare il teJto*erflo9O e la silla-aioneO, ma possono

anc"e applicare un'o-raO o controllare pi precisamente laù decoraioneO.+aratteri tipografici personalizzati possono essere scaricati e applicati

grazie alla nuova regola QfontfaceO.

$uove impagi azio i per la prese tazio e

Al fine di migliorare la flessi#ilit di progettazione, sono stati aggiunti dueà

nuovi la(out: )pa!inaione CSS a colonna ultiplaO, e l'ipa!inaione CSS a -oJflessi-ileO.

 

8/13/2019 HTML5, che cos'è?

http://slidepdf.com/reader/full/html5-che-cose 13/13

 -iblio"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

uesto -re*e e-oo" è stato li-eraente tratto dalle se!uenti pa!ine 9e-:

a< articolo HTML5 da 9i"ipedia.it0 l'enciclopedia li-era it.9i"ipedia.or!9i"iHTML5 

 -< articolo Che cos!è HTML5 da HTM5 0 Today ;il primo blog italiano dedicato

interamente alle nuo"e tecnologie $eb HTM50 e 7!!1<: 999.htl5toda.ittutorialchecoshtl5

 

c< la seione HTML5 della Mo8illa 9e"eloper

 +et$ork  https:de*eloper.oilla.or!itdocsHTMLHTML5 che consi!lio *i*aente perapprofondienti

 

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# 

This 9or" is licensed under a Creati*eCoons ttri-utionNonCoercialShareli"e &.= Inported License