Come creare un sito web in HTML5

tramite: O2O
Difficoltà: media
14

Introduzione

L’ HTML5 è un insieme di tecnologie volte allo sviluppo e alla creazione di web application e pagine web. Le novità introdotte sono molteplici, che tendono a semplificare la creazione di un sito, utilizzando markup e semantica più facile. Uno tra tutti è il doctype, indispensabile per creare pagine web, che una volta risultava lunghissimo, mentre adesso è un semplice. Inoltre l’ HTML5, come i suoi predecessori, è strettamente collegato all’uso dei CSS o Cascating Style Sheets, i Fogli di stile, e al Javascript.

24

Nuove funzionalità

Con l'HTML 5 sono state introdotte nuove funzionalità, come la possibilità di gestire audio e video presenti in una pagina web non più solo tramite i player multimediali in Flash, ma direttamente dalla struttura della pagina, rendendo la riproduzione di questi elementi davvero semplice. Tramite tag infatti (che vengono utilizzati per marcare e definire gli elementi HTML) sarà possibile effettuare modifiche al formato video e controllarne il funzionamento.

34

Ottimizzazione della gestione e visualizzazione documenti

È stata ottimizzata anche la possibilità di gestire e visualizzare documenti. A differenza delle versioni precedenti, l' HTML 5 utilizza il Document Object Model (DOM), comportando il vantaggio di definire il linguaggio indipendentemente dalla sintassi. HTML 5 è stato ottimizzato anche sotto l'aspetto semantico, affinché la nostra pagina web sia coerente con il proprio contenuto, per facilitare i motori di ricerca.

Continua la lettura
44

Web Storage

Un'altra importante novità introdotta grazie all' HTML 5 è lo Web Storage. Lo web storage andrà a sostituire i Cookie (file testuali che migliorano la velocità di navigazione, sopratutto su siti visitati di frequente) ottenendo prestazioni migliori. Inoltre, grazie alla nuova versione dell' HTML sarà possibile anche sviluppare applicazioni web "offline", cioè quando siamo disconnessi alla rete Internet. Infatti, una volta prelevati i file necessari dalla pagina web, lo sviluppatore sarà in grado di proseguire lo sviluppo della sua applicazione anche se disconnesso da Internet.  L'HTML 5 risulta quindi essere la nuova frontiera dell'evoluzione per i web designer, che potranno gestire più facilmente e in maniera più completa i propri contenuti. HTML 5 però è ancora in fase di sviluppo, e non è perfettamente supportato dai i vari browser attuali, e si vocifera che si dovrà attendere degli anni prima di avere una versione definitiva e completamente supportata. Nonostante ciò, possiamo utilizzare già da ora i nuovi tag HTML 5, anche su browser più vecchi, utilizzando script in grado di rendere compatibili i nuovi elementi.

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Programmazione

Come realizzare un sito web adatto agli smartphone

Ci sono due cose di cui non possiamo più fare a meno nei tempi in cui stiamo vivendo, il cellulare e internet con i suoi milioni di siti. Se poi mettiamo insieme le due cose, possiamo dare origine ad un bel sito adatto al nostro smartphone che potrà...
Programmazione

Guida: Programmare in HTML5

L'HTML5 è uno scripting-language usato esclusivamente per costruire pagine Internet. Universalmente diffuso e abbastanza semplice da imparare, consente di predisporre contenuti da esporre sul Web facilmente e dotati di caratteristiche anche sofisticate....
Programmazione

Come creare animazioni con HTML5

Dalla sua nascita, il linguaggio HTML ha subito diverse modifiche e miglioramenti che, col passare del tempo, l'hanno portato alla sua ultima versione: ovvero l'HTML5. Inizialmente HTML veniva usato per la creazione di siti web statici e anche molto spartani...
Programmazione

HTML5: 10 cose da sapere

Chiunque di voi abbia mai avuto una minima esperienza del mondo informatico saprà senza alcun dubbio che esistono tantissimi linguaggi per programmare in questo ambito, ad esempio il C++, il CSS, il Pyton e l'HTML, ovviamente ognuno di questi offre vantaggi...
Programmazione

Come creare immagini vettoriali SVG con HTML5

In questa guida vedremo come creare immagini vettoriali SVG con HTML5. Molti browser Internet, tra cui Microsoft Internet Explorer 9 e il supporto HTML5 sono utili allo scopo. Gli sviluppatori possono approfittare delle nuove caratteristiche, come la...
Programmazione

HTML: 10 cose da sapere

HTML è il principale linguaggio di pubblicazione di pagine Web. Grazie a questo tipo di linguaggio è possibile creare link tra le pagine, decidere l'importanza da assegnare ai testi, inserire immagini, e tanto altro ancora. La conoscenza dell'HTML è...
Programmazione

Come aggiungere effetti alla pagina Html

I siti web abilmente progettati con effetti accuratamente selezionati non sono solo belli da vedere, ma sono anche funzionali e migliorano l'esperienza dell'utente. Purtroppo, non tutti gli sviluppatori di siti Internet hanno il tempo e la pazienza di...
Programmazione

Come progettare un sito in ASP.NET

In questa guida vi parlerò di come progettare un sito in ASP.NET. Nell'epoca in cui viviamo creare siti è diventato ormai molto semplice grazie ai molteplici strumenti che la tecnologia ci offre. Uno dei migliori modi di creare un sito è utilizzare...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.