Sta per arrivare l'HTML 5!!!

Sta per arrivare l’HTML 5!!!

Come puoi vedere dal titolo uscirà a breve la versione aggiornata del linguaggio più conosciuto per la programmazione di pagine Web.

Sta per arrivare lHTML 5!!!

E’ in arrivo la quinta versione del linguaggio cioè l’HTML5, che presenterà delle diversità rispetto alle precedenti versioni.

Attualmente HTML5 è supportato in basse percenuali da Chrome, Firefox, Opera e Safari, questo non ci deve impedire di conoscere il suo uso per tempi più maturi, in modo da essere un passo avanti agli altri e aumentare le nostre conoscenze.

Ora ti farò vedere come viene strutturata un pagina HTML con la quinta versione del linguaggio.

In HTML4 siamo stati abituati a scrivere delle pagine web nel seguente modo:

Sta per arrivare lHTML 5!!!

Nell’HTML5 sono stati introdotti nuovi elementi, che hanno l’obiettivo di rendere intuibile e significativa la struttura della pagina web.

C’è da sottolineare che i famosi <div> sono stati sostituiti con questi nuovi tag,che vedi qui sotto, e ti assicuro che non sarà uno sbattimento perchè basta mettere le mani sopra il codice per capire che rispetto alle versioni precedenti si potranno ottimizare le nostre pagine in modo semplice e molto chiaro.

Sta per arrivare lHTML 5!!!

I div sostituiti da HTML4 a HTML5 sono:

<div id=”header”> in <header>
<div id=”sidebar”> in <aside>
<div id=”main_content”> in <section>
<div id=”footer”> in <footer>

C’è da ricordare che anche questi tag si chiudo sempre in </> quindi ad esempio <header> …. </header> oppure <aside> …. </aside>.

Qui di sotto sono riportati dei princiapali elementi dell’HTML5:

Elemento <!doctype html>

Rappresenta la dichiarazione della pagina molto semplificata rispetto all’HTML4 che precede qualsiasi elemento del documento.

Elemento <header>

Una sezione della pagina in cui inserire la testata del sito web, qui possiamo inserire un logo o un motto.

Elemento <nav>

Una parte della pagina che contiene i link di navigazione del sito, quindi qui inseriremo i menu di navigazione.

Elemento <section>

Un’area in cui inserire del contenuto generico.

Elemento <article>

Una sezione della pagine indipendente, quindi riferita ad articoli

Elemento <aside>

Una sezione della pagina collegata al sito e non obbligatoriamente al contenuto. In questa sezione possiamo riconoscere le famose sidebar di un blog.

Elemento <footer>

Ed infine la sezione conclusiva del sito in cui inserire alcune informazioni del sito.

Quindi non resta altro da dire che man mano si va avanti la vita sulla programmazione viene sempre più semplificata e maggiormente ottimizzata con queste nuove tecniche che nascono una dietro l’altra.