Come riconoscere un sito fatto in Html5
Per riconoscere i siti web sviluppati in Html5 è necessario analizzare il loro codice sorgente. Dall'esterno non è, infatti, possibile riconoscere quale tecnica di sviluppo è stata utilizzata per realizzare il sito web.
Come prima cosa, dobbiamo visualizzare sul browser un sito web, la home page o una sua pagina web interna. A questo punto, visualizziamo il codice sogente della pagina web tramite le funzioni disponibili sul browser.
Una delle prime informazioni del codice sorgente è il DOCTYPE che indica la tipologia del linguaggio Html utilizzato per sviluppare la pagina. I siti web realizzati in Html5 hanno un DocType molto semplice, come nel seguente caso:
<!DOCTYPE html>
La DocType Declaration è una informazione molto utile per riconoscere la tecnica di sviluppo utilizzata per creare il documento Html. Ad esempio, i documenti creati con la versione HTML 4.01 hanno la seguente stringa
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Quelli creati con il linguaggio XHTML, invece, hanno un DocType differente che indica la versione e le specifiche da utilizzare, come il seguente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Oltre all'analisi del DocType, possiamo riconoscere un documento in Html5 dalla presenza delle sezioni <Header>, <Article>, <Aside>, <Footer>, che sono state aggiunte a partire dalla quinta edizione del linguaggio di markup.
Come abbiamo già visto, queste sezioni caratterizzano la struttura del documento in Html5. Queste sezioni associano a ogni zona del documento una particolare funzione semantica. Nella <Header> è presente la testata, nella sezione <Article> il contenuto principale dell'articolo, nella sezione <Footer> il pié di pagina, ecc.
Queste ultime informazioni sono disponibili soltanto nei siti web realizzati in Html5. Sono del tutto assenti nei siti sviluppati con le precedenti versioni del linguaggio Html.
Htm5 Powered
Un componente aggiuntivo del browser Google Chrome ci permette di riconoscere immediatamente i siti web sviluppati in Html. Si chiama Html5 Powerd. Quando il browser sta navigando su un documento realizzato con la quinta versione del linguaggio di markup, sulla parte destra della barra di navigazione appare il logo del linguaggio HTML5.
Questa estensione gratuita del browser verifica la presenza del <DocType> nel documento e la utilizza per riconoscere la versione del linguaggio di marcatura HTML in modo automatico e veloce. È particolarmente utile poiché evita di dover analizzare manualmente il codice sorgente delle pagine web.
Html5 Powered è disponibile anche come add-on sul browser Opera.