Guida HTML5

Programma con HTML5 il tuo sito web sfruttando i nuovi tag, le api e le novità grafiche

  1. Posso usare HTML5 oggi? Ecco come iniziare a programmare con lo standard del futuroA che punto è HTML5? E' già possibile utilizzarlo per programmare? Riassunto novità introdotte.
  2. Differenze tra HTML4 ad HTML5Vediamo quali sono le principali differenze tra l'ultima versione del linguaggio HTML e la versione precedente.
  3. Creare sito web in HTML5: la struttura semantica Vediamo da cosa è composta la struttura semantica di una pagina web in HTML5.
  4. Struttura di un sito in HTML5: header, nav, section, article, aside, footer e il nuovo doctypeVediamo caratteristiche principali e novità della nuova struttura modulare per le pagine web scritte in HTML5.
  5. Novità di HTML5: i nuovi tagVediamo quali sono i nuovi tag HTML5.
  6. Il tag HTML5 hgroupVediamo a cosa serve e come si usa il nuovo tag hgroup. Codici esempi.
  7. Testo evidenziato con HTML5: il tag markVediamo come funziona il tag mark che evidenzia il testo o una parte di esso.
  8. Date e ore in HTML5: il tag timeVediamo come utilizzare e a cosa serve il tag time. Esempi e codici.
  9. meter HTML5: range di misuraVediamo come usare il tag HTML5 meter. Esempi e codice.
  10. Il tag Progress: loader in HTML5Vediamo a cosa serve e come si usa il tag progress. Esempio e codice.
  11. Il tag detailsVediamo a cosa serve e come si usa il tag HTML5 details.
  12. Il tag figureVediamo a cosa serve e come si usa il tag HTML5 figure.
  13. Attributi globali HTML5Vediamo quali sono i nuovi attributi globali introdotti con HTML5 e quali di quelli vecchi rimangono validi.
  14. Contenteditable: modificare il testo direttamente sulla paginaVediamo cosa è e a cosa serve l'attributo HTML5 contenteditable. Esempio e codice.
  15. Draggable: trascinare elementi htmlVediamo a che cosa serve e come si usa l'attributo draggable (drag and drop) di HTML5. Codice ed esempio.
  16. Hidden: nascondere testo ed elementiVediamo a cosa serve e come si usa l'attributo Hidden di HTML5. Codice ed esempio.
  17. Spellcheck: correttore ortografico per siti webVediamo che cos'è e come si usa l'attributo HTML5 Spellcheck. Esempio e codice
  18. Moduli in HTML5Vediamo novità e caratteristiche relative ai moduli in HTML5.
  19. Autocomplete: autocompletamento nei moduliVediamo come funziona e a cosa serve l'attributo HTML5 Autocomplete. Esempio e codice.
  20. Novalidate: eliminare la validazione dei moduliVediamo a cosa serve e come funziona l'attributo HTML5 Novalidate. Codice ed esempio.
  21. Il tag input: inserire e validare numeri di telefono, email, date e urlVediamo come utilizzare il tag input in HTML5. Codici ed esempi.
  22. List e datalist: valori predefiniti per i formVediamo come utilizzare l'attributo List e il tag Datalist. Codice ed esempio.
  23. Pattern: validare i campi di un modulo con le regular expressionVediamo come utilizzare l'attributo Pattern per validare con campo di modulo HTML5 con regular expression. Codice ed esempio.
  24. Nuovi campi numerici HTML5: number, range, telAnalizziamo alcuni valori dell'attributo Type. Esempi e codici.
  25. Input list: liste ed elenchi nei moduli HTML5Vediamo come si usa ed a cosa serve l'attributo List.
  26. Attributo Autofocus: selezionare il primo campo di un moduloCome funziona e come si usa l'attributo autofocus. Codice ed esempio.
  27. Attributi Placeholder e RequiredCosa sono e come si utilizzano gli attributi Placeholder e Required. Codici ed esempi.
  28. Valori multipli nei campi email e file con l'attributo multipleIndicare multi valori con html5 nei campi di un modulo
  29. Tag Pattern HTML5Vediamo il funzionamento del tag Pattern. Codice ed esempio.
  30. Autocompletamento dei campi di un formVediamo il funzionamento dell'attributo Autocomplete. Codice ed esempio.
  31. Min, max, step e output per i campi numerici nei moduli HTML5Vediamo cosa sono e come funzionano gli attributi Min e Max, Step e Output. Codici ed esempi.
  32. Video e Audio: nuovi tag, attributi e controlli per il player integratoVediamo come funziona il tag video HTML5. Esempi e codici.
  33. Tag video HTML5: gli attributi loop, poster, preload e sourceVediamo il funzionamento di alcuni attributi del tag video. Codici ed esempi.
  34. I container per i video HTML5: webM, Vorbis, Ogg. Quale scegliere?Vediamo quali sono le caratteristiche delle principali codifiche video.
  35. Drag and drop con HTML5 e Javascript: trascinare e spostare elementi in una pagina webVediamo come funziona il drag and drop. Esempi e codici.
  36. Source per differenti codifiche video, retrocompatibilità e video per dispositivi mobili in HTML5Vediamo quali sono le codifiche video supportate dai diversi web browser (Firefox, Internet Explorer, Chrome, Opera, Safari) e HTML5.
  37. HTML5 Canvas: API per la grafica 2DVediamo come disegnare illustrazioni o composizioni all'interno di pagine web grazie alle Canvas API.
  38. Siti web offline: come far usare pagine e funzioni senza collegamento Internet con Cache HTML5Vediamo come visualizzare siti web offline grazie alla Cache HTML5. Codice ed esempi.
  39. Drag & Drop con HTML5: trascinare gli elementiVediamo come funziona il Drag & Drop con un esempio pratico.
  40. Geolocalizzazione con HTML5Vediamo che cos'è la geolocalizzazione e come funziona in HTML5. Codici ed esempi.
  41. Web Messaging: comunicazione tra siti diversi. La sicurezzaVediamo cosa è ed a cosa serve il Web Messaging in HTML5.