Strutture in HTML 5
Il nuovo HTML5, standard che diverrà definitivo probabilmente intorno al 2014, si trova attualmente in fase di definizione (draft), ma promette tante ed importanti novità.
Tra queste, ve ne sono alcune molto utili per consentire al progettista html di definire meglio le strutture delle proprio pagine, ecco quindi alcune novità riguardanti la definizione di sezioni:
“<section>”
Una sezione è un raggruppamento tematico di contenuto, tipicamente preceduto dall ‘header, possibilmente con un footer dopo.
“<header>”
L’header di una sezione, può contenere informazioni supplementari riguardanti la sezione.
“<footer>” Il footer della sezione conterrà informazioni aggiuntive come ad esempio copyright, informazioni sull’autore, ecc. “<nav>” Definirà l’area di navigazione, tipicamente un insieme di links. “<article>”Tipicamente un contenuto in ambito blog/magazine. Per chiarire meglio i concetti esposti, riporto di seguito un esempio, molto semplicistico per quanto riguarda la struttura, ma completo.
<!DOCTYPE html>
<html>
<head>
<title>Standard Blog</title>
</head>
<body>
<header>
<h1><a href="#">Standard Blog</a></h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<section>
<article>
<header>
<h1><a href="#">Title</a></h1>
</header>
<section>
<p>Lorem ipsum...</p>
</section>
</article>
<article>
<header>
<h1><a href="#">Title</a></h1>
</header>
<section>
<p>Lorem ipsum...</p>
</section>
</article>
<article>
<header>
<h1><a href="#">Title</a></h1>
</header>
<section>
<p>Lorem ipsum...</p>
</section>
</article>
</section>
<footer>
<p>Copyright © 2011 All Rights</p>
</footer>
</body>
</html>
L’autore di questo blog si chiama Luca Grillo ed é imprenditore nonchè freelancer professionista in ambito informatico e commerciale.
Da quando avevo tre anni, la mia passione principale è stata l’informatica, ma dopo la prima esperienza lavorativa, i miei interessi sono mutati dal “semplice” ruolo del programmatore a quello di Manager IT.
Nel 2008 fondo la mia ditta, la Byte Systems, che si occupa di fornire servizi e prodotti informatici per aziende e professionisti.
Con gli anni cresce anche la mia passione per il mondo della comunicazione, decido così di aprire il mio primo blog professionale dedicato al mondo imprenditoriale, successivamente nasce IstruttoreDigitale.com, blog informativo nato allo scopo di presentare consigli, idee, guide, news o semplici pensieri legati principalmente al mondo della tecnologia informatica ed al marketing.
Attualmente scrivo periodicamente per diverse testate facenti capo al gruppo editoriale HTML.IT.