HTML5: tag video e web semantico

HTML5 si presenta come la maggiore novità del web dei prossimi anni: orientato verso il web semantico, avrà nuovi tag e una grande propensione per audio e video

HTML5 sarà il nuovo standard per la progettazione pagine web. È attualmente in fase di definizione e di prevede la sua definitiva affermazione nei prossimi anni sperando nel pieno supporto da parte di tutti i browser, compreso il "restio" Internet Explorer!! Questo articolo vuole essere un'introduzione molto panoramica e generale sulle novità di HTML5, per chi volesse una vera e propria guida consiglio la guida html5 di html.it.

Nuovi tag per la struttura

HTML5 si propone di rendere il web, ed il codice per scriverlo, più semantico, ovvero più vicino al comportamento naturale delle persone in modo da avvicinare ancora di più gli utenti verso quello che veramente stanno cercando.

I nuovi tag dovranno avvicinarsi il più possibile al significato che questi elementi attribuiscono al loro contenuto e dovranno liberarsi da ogni implicazione stilistica per le quali continueranno ad essere usati i div.

Uno degli sforzi di HTML5 in questo senso ha portato ai nuovi tag per la struttura delle pagine che avranno dei nomi standard, in modo che le applicazioni che accedono alle pagine HTML5 (es- i motori di ricerca) siano in grado di comprendere il significato e lo scopo dei testi a seconda della sezione in cui sono posti.

HTML 4

tag html In HTML4 le varie sezioni vengono composti da tag uguali ai quali possiamo attribuire un id o una classe descrittiva. È evidente l'incapacità di questo linguaggio di descrivere il significato delle informazioni in un formato interpretabile da altri software.

HTML 5

tag html5 Per attribuire un contenuto più semantico HTML5 definisce dei tag specifici per le sezioni più comuni delle pagine web con nomi attinenti ai contenuti in modo che sia più chiaro cosa stiamo presentando e dare la possibilità ad altre applicazioni di interagire.

Retrocompatibilità

La compatibilità per i browser è assicurata, per sapere di più leggete l'articolo del W3C sulla retrocompatibilità tra HTML4 e HTML5.

Visita l'articolo sulla retrocompatibilità HTML5

I microdati

Verranno anche indrodotti i microdati, tag ancora più specifici come <itemtype> e <itemprop> che possono far capire alle applicazioni se stiamo scrivendo per esempio un nome, un cognone o altri tipi di dato.

Il triste destino di Flash

Una delle conseguenze dell'avvento di HTML sarà la graduale scomparsa di Flash nei siti web, iniziata prima con la sua scarsa confidenza con gli spider dei motori di ricerca, poi con l'incompatibilità con i dispositivi mobile, ora infine dalla filosofia che non vuole il web "plug-in dipendete"!

Il tag video

Nel rispetto della filosofia del web semantico è stato introdotto il tag video che rende possibile incorporare un video più o meno come avviene nell'HTML4 con le immagini tramita, appunto il tag <video>. Ecco un esempio di codice dal quale si evince come il tag tenga conto della compatibilità offrendo più possibilità di sorgenti video: