HTML and CSS Reference
In-Depth Information
il supporto alla comunicazione basata su socket tramite un canale dedicato tra client
e server (
WebSocket
).
Quando parliamo di HTML5, intendiamo un insieme di tecnologie tra loro complementari
e caratterizzate da finalità diverse, ciascuna delle quali è in grado di fornire una risposta
adeguata alle molteplici esigenze legate alla realizzazione di siti e applicazioni web.
Pertanto, nel corso del libro, parleremo di
markup HTML
, per la definizione dei con-
tenuti da un punto di vista semantico, di
ECMAScript5 (JavaScript)
, per la gestione dei
comportamenti, dell'interazione e dei dinamismi presenti nelle pagine, di
CSS3 (Casca-
ding Style Sheets)
, per la User Interface, e del supporto alla
multimedialità
, che permette
di gestire audio e video in maniera nativa all'interno del browser.
Giunti a questo punto, siamo pronti per dare uno sguardo più da vicino a HTML5. Per
avere una prima idea di come si presenta una pagina HTML5, consideriamo
l'esempio 1.2
.
In questo esempio abbiamo inserito alcune delle novità di cui abbiamo parlato nel corso
del paragrafo precedente: i tag semantici (in questo caso, header, article, section e footer),
l'elemento canvas, per la generazione dinamica di immagini grazie all'uso dell'API JavaS-
cript a questo associata, e il tag video, utile per la riproduzione di filmati senza la necessità
di dover utilizzare un player di qualche tipo.
Esempio 1.2
<!DOCTYPE html>
<html>
<head>
<title>Pagina di esempio</title>
<link rel="stylesheet" href="stili.css" type="text/css"
/>
<script type="text/javascript">
window.onload = function() {
var canvas = docu-
ment.getElementById('html5_canvas');
var context = canvas.getContext('2d');
context.fillStyle = 'black';
context.fillRect(0, 0, 200, 100);
