Corsi per Webmaster e Web Designer
Corsi on-line

Guida HTML5

Una guida esaustiva e completa alle specifiche del linguaggio HTML5
  • Scrivi un commento
  • Discuti sul forum
  • Introduzione

    Lezione 1 - L'obiettivo di questa guida è fornire agli autori (Web developers, Webmasters, grafici e chiunque veicoli contenuti formattati tramite codice HTML[...

    1.270 lettori
  • Storia e cronologia di HTML

    Lezione 2 - Il lungo cammino verso HTML5 parte dalla prima definizione di HTML avvenuta all'inizio degli anni '90. Il neonato Internet aveva bisogno di un ling...

    1.287 lettori
  • Il DOCTYPE di HTML5

    Lezione 3 - La sintassi HTML di HTML5 richiede la dichiarazione di un doctype in testa al documento per assicurare che il browser renderizzi correttamente la p...

    5.409 lettori
  • Organizzare i contenuti con HTML5 - section

    Lezione 4 - HTML5 introduce un buon numero di nuovi elementi, inizieremo a descrivere quelli strettamente connessi alla organizzazione dei contenuti ed alla st...

    1.644 lettori
  • Organizzare i contenuti con HTML5 - article, nav ed aside

    Lezione 5 - Article Definizione formale L'elemento article rappresenta una porzione di contenuto indipendente di un documento, di una pagina o di un sito, ta...

    1.364 lettori
  • Organizzare i contenuti con HTML5 - header, hgroup e footer

    Lezione 6 - header Definizione formale L'elemento header rappresenta un gruppo di informazioni introduttive o di aiuto alla navigazione. Benché header sia p...

    1.754 lettori
  • Organizzare i contenuti con HTML5 - figure e figcaption

    Lezione 7 - figure e figcaption Definizione formale di figure L'elemento figure rappresenta un insieme di elementi e testo, opzionalmente corredato da una di...

    1.270 lettori
  • I media elements di HTML5: video, audio, source e track

    Lezione 8 - HTML5 introduce due elementi appositamenti creati per facilitare l'inserimento di contenuti multimediali con l'obiettivo dichiarato di colmare le l...

    794 lettori
  • Nuovi elementi in HTML5 - embed, mark e progress

    Lezione 9 - Il working draft elenca una serie di nuovi elementi non classificandoli esplicitamente, compongono la lista: embed mark meter progress time ...

    745 lettori
  • Nuovi elementi in HTML5 - meter e time

    Lezione 10 - meter Definizione formale L'elemento meter rappresenta una misura scalare all'interno di un intervallo definito, oppure un valore frazionario; pe...

    574 lettori
  • Nuovi elementi in HTML5 - ruby, rt, rb, bdi e wbr

    Lezione 11 - ruby Definizione formale di ruby L'elemento ruby permette di marcare con ruby annotations uno o più frammenti di testo. Le ruby annotations sono ...

    677 lettori
  • Nuovi elementi in HTML5 - [ menu ] e command

    Lezione 12 - Gli elementi menu e command fanno parte della famiglia degli interactive elements, che comprende anche details e summary. Come suggerisce la classi...

    875 lettori
  • Nuovi elementi in HTML5 - details e summary

    Lezione 13 - details e summary Definizione formale L'elemento details rappresenta informazioni addizionali o controlli che l'utente può ottenere su richiesta,...

    532 lettori
  • Nuovi elementi in HTML5 - datalist, keygen ed output

    Lezione 14 - datalist Definizione formale L'elemento datalist raggruppa un insieme di opzioni che rappresentano quelle predefinite per altri controlli. I co...

    605 lettori
  • Progettare i forms con HTML5 (parte 1)

    Lezione 15 - HTML5 si propone di offrire una esperienza totalmente nuova nella fruizione dei forms; i mezzi per assicurarla passano attraverso l'introduzione di...

    934 lettori
  • Progettare i forms con HTML5 (parte 2) - Esempi

    Lezione 16 - Ipotizziamo di voler creare un form di inserimento da proporre all'utente utilizzando quanto più possibile le nuove possibilità offerte: ...

    1.244 lettori
  • L'elemento canvas e le canvas API (parte 1) - Fondamenti

    Lezione 17 - HTML5 introduce l'elemento canvas (tela, area di disegno) e le relative APIs per permettere di generare o modificare elementi grafici (bitmap) con ...

    808 lettori
  • L'elemento canvas e le canvas API (parte 2) - Creazione di testi

    Lezione 18 - Come abbiamo visto le APIs espongono funzionalità per disegnare forme geometriche, semplici o complesse, ma non si limitano a questo; fanno parte d...

    511 lettori
  • L'elemento canvas e le canvas API (parte 3) - Gradienti, ombreggiature, trasformazioni

    Lezione 19 - Gradienti Per colorare il piano cartesiano della lezione precedente ho utilizzato un gradiente lineare, vediamo nel dettaglio tutte le possibilità...

    548 lettori
  • L'elemento canvas e le canvas API (parte 4) - Tipi di linee e manipolazione per pixel

    Lezione 20 - Tipi di linee La specifica mette a disposizioni diverse varianti per modificare lo stile delle linee che è possibile disegnare: context.lineWid...

    467 lettori
  • Nuovi attributi, attributi ed elementi modificati in HTML5

    Lezione 21 - Nuovi attributi HTML5 introduce alcuni nuovi attributi a vari elementi che erano già parte di HTML4: Gli elementi a ed area ora possiedono l'at...

    514 lettori
  • Elementi ed attributi assenti (non inclusi) in HTML5 ed altre differenze con HTML4

    Lezione 22 - Come indicato all'inizio di questa guida non esistono in HTML5 veri e propri elementi deprecati; esistono tuttavia tags obsoleti che gli autori non...

    832 lettori
  • Le Geolocation APIs (versione 2) - parte 1

    Lezione 23 - Le APIs di geolocalizzazione non sono tecnicamente parte delle specifiche HTML5, sono descritte in un documento separato (che trovate qui)che ripor...

    629 lettori
  • Le Geolocation APIs (versione 2) - parte 2

    Lezione 24 - Continuiamo in questa lezione la nostra analisi delle interfacce implicate nella geolocalizzazione. L'interfaccia Position L'interfaccia funziona...

    587 lettori
  • Le Geolocation APIs (versione 2) - Esempi

    Lezione 25 - Ora che abbiamo padroneggiato la teoria il draft ci viene in aiuto portandoci all'attenzione una serie di esempi divisi per tipo di richiesta: Ric...

    577 lettori
  • Drag&Drop - fondamenti ed interfacce coinvolte

    Lezione 26 - Esistono, nascosti dietro le luci sfavillanti di HTML5 alcuni tesori nascosti, trattati separatamente e senza intorno il clamore suscitato da altre...

    555 lettori
  • Drag&Drop - Gli eventi associati

    Lezione 27 - Ogni evento che partecipa al processo di click, trascinamento e deposito può essere intercettato e gestito con un listener, gli eventi intercettabi...

    666 lettori
  • Microdata - i fondamenti

    Lezione 28 - L'altro underdog di HTML5 si chiama microdata; l'idea è quella di estendere HTML aggiungendo un vocabolario personalizzato per le nostre pagine. I...

    512 lettori
  • Microdata - le API

    Lezione 29 - Il significato di inserire informazioni aggiuntive negli elementi è tipicamente quello di utilizzarle per mostrarle all'utente. Esiste quindi un mo...

    440 lettori
  • Webstorage

    Lezione 30 - Iniziamo con questa lezione il viaggio tra le specifiche meno note che ruotano intorno ad HTML5 in un orbita più "periferica". Alcune delle featur...

    467 lettori
  • File API - Fondamenti

    Lezione 31 - In questa lezione ci occuperemo di un'altra importante specifica relativa ad HTML5, descritta in un documento separato che potete consultare a ques...

    620 lettori
  • File API - Esempi

    Lezione 32 - Partiamo dalla semplice lettura di un file con copia del contenuto nel browser; ho utilizzato jQuery solamente per rendere il codice più conciso ed...

    878 lettori
  • Le FileSystem API - Fondamenti ed interfacce coinvolte

    Lezione 33 - Naturale estensione delle File APIs sono le FileSystem APIs, il cui scopo risiede nel permettere ad una Web Application di richiedere uno spazio de...

    657 lettori
  • FileSystem API - Esempi

    Lezione 34 - Prima di vedere qualche esempio sottolineo che al momento soltanto Chrome supporta le APIs; partiamo con il codice necessario per ottenere un files...

    852 lettori
  • WebWorkers

    Lezione 35 - Quando ragioniamo in termini di concorrenza la prima cosa che salta alla mente è la parola Thread, per alcuni il termine è associato a Java ed in p...

    626 lettori
  • Offline API

    Lezione 36 - Anche in un periodo storico in cui quasi ogni dispositivo è connesso alla rete è necessario pensare ad un meccanismo che permetta di gestire le nos...

    692 lettori
Corsi
  • Corso HTML
    Corso HTML
    Il linguaggio di marcatura per il Web. A partire da 29 €
  • Corso HTML5
    Corso HTML5
    Creare pagine web di ultima generazione sfruttando la potenza di HTML5. A partire da 49 €
  • Corso Web Design
    Corso Web Design
    Disegno di siti Web con HTML, CSS e Dynamic HTML. A partire da 39 €