HTML and CSS Reference
In-Depth Information
</html>
La
figura 1.3
mostra come la pagina di esempio viene renderizzata da Google Chrome. Co-
me possiamo notare, la funzione JavaScript presente
nell'esempio 1.2
sfrutta la tecnologia
Canvas per la generazione dinamica di bitmap e produce una figura rettangolare di sfon-
do nero contenente la scritta arancione “HTML5 Espresso”. Parallelamente, il tag video
permette di visualizzare un filmato in formato MPEG4 all'interno della pagina, fornendo
automaticamente i controlli necessari per la gestione della riproduzione.
Figura 1.3
- Pagina di esempio in Google Chrome.
Dato che HTML5 è composto da differenti specifiche racchiuse da un nome commerciale,
è bene ricordare che il risultato del rendering di una pagina come quella mostrata nella
fi-
gura 1.3
dipende fortemente dal browser utilizzato, anche se possiamo dire che, nel caso
in questione, le specifiche utilizzate sono ormai supportare correttamente da tutti i browser
più recenti, aggiornati negli ultimi 3-4 anni.
Per i motivi introdotti nel paragrafo precedente, contrariamente a quanto avveniva in pas-
sato (browser detection), oggi si tende a preferire un approccio più moderno e in grado di
adattarsi alle reali caratteristiche offerte da un browser (feature detection).
Intercettare la versione di un browser o, peggio ancora, la tipologia di browser, porta
a comportamenti errati: una certa versione, infatti, potrebbe non supportare una particolare
specifica, che viene aggiunta in quelle successive. Piuttosto che cercare di differenziare il
comportamento in base a questo particolare, si tende a preferire un approccio per il quale
