My First HTML5 Page
E’ sempre una emozione iniziare a conoscere un nuovo linguaggio e questa emozione la ritrovo anche con HTML5, il futuro (da quello che sembra del Web, soprattutto se gli SmartPhone lo implementeranno).
Dato che in HTML5 viene estremizzato il concetto che separa Presentation dal Contenuto è bene iniziare a studiare in maniera approfondita i CSS, in modo da trovarsi preparati quando dovremo sviluppare applicazioni WEB con questo linguaggio.
La prima cosa che si nota in HTML5 è il doctype che è semplicemente:
<!DOCTYPE html>
Così che anch’io me lo posso ricordare ;-)
L’altra grande novità è la semantica ovvero tag che identificano parti ben definite del contenuto, quindi avremo i tag:
<header>
La testata di una pagina, l’elemento dove si concentra molta dell’identità del sito, ovvero logo, slogan , etc
<nav>
L’elemento che contiene il menù di navigazione della pagina
<section>
Un blocco che raggruppa contenuti con coerenza tematica, ad esempio la sezione “contenuto” (quella che troveremo normalmente tra uno <header> e un <footer>) di una pagina. Può contenere a sua volta altre <section> (es. “news”, “ultimi articoli”…).
<article>
Un elemento di contenuto autonomo, come una notizia, un post di blog, una recensione, una scheda di prodotto… Una pagina può comprendere diversi <article>, i quali possono essere raggruppati tematicamente in <section>.
<aside>
Una sezione che delimita contenuti che sono correlati al contenuto principale della pagina in modo tangenziale, non diretto. Ad esempio una scheda di approfondimento, una nota, un elenco di articoli correlati…
<footer>
Il piede della pagina, dove troviamo abitualmente note sulla proprietà intellettuale dei contenuti e la eventuale licenza di utilizzo, i dati sintetici sulla persona o organizzazione che gestisce il sito…
Oltre a questi tag vi sono i tag
<canvas>
Per disegnare all’interno di una pagina WEB senza usare PlugIn o SWC
<video>
Per definire video o altri video streams
<audio>
Per musica e stream audio
Questa è solo una breve presentazione, vedrò di proseguire la spiegazione con esempi ed ulteriori informazioni.
