www.zambros.it

Certificato Google Adwords

Google Partners - Certification piccolo


HTML5

La struttura lato codice della bozza qui in alto sarà simile a:HTML5 è un linguaggio per la progettazione di pagine web attualmente in fase di definizione, che si propone come evoluzione dell’attuale HTML 4.

html-5

Vediamo nel dettaglio come si comporta la nuova struttura.

Struttura HTML5

In HTML4 siamo stati abituati a scrivere una pagina web utilizzando la seguente sintassi di codice.

html4_struttura

In HTML5 sono stati introdotti nuovi elementi, che hanno l'obiettivo di rendere più semantico e significativo la struttura della pagina web.

 

Il primo colpo d'occhio vi porterà a pensare che i famosi <div> siano stati sostituiti con questi nuovi tag, invece capirete mettendo le mani sul codice di riuscire ad ottimizzare la struttura in modo semplice e molto più chiaro.

html5_struttura

Come vediamo dalla struttura qui in alto sono stati sostituiti i tag di HTML4 in altri più semantici e validi.

 

E' stato sostituito da HTML4 a HTML5:

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

Ovviamente ricordiamoci che anche questi tag si chiudo in </> quindi ad esempio <header> .... </header> oppure <aside> .... </aside>

La struttura lato codice della bozza qui in alto sarà simile a:

esempio_html5

 

I Principali Elementi HTML5

Elemento <!doctype html>

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

Elemento <header>

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

Elemento <nav>

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

Elemento <section>

Rappresenta un’area in cui inserire del contenuto generico.

Elemento <article>

Rappresenta una sezione della pagine indipendente, quindi riferita ad articoli

Elemento <aside>

Rappresenta 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>

Rappresenta la sezione conclusiva del sito in cui inserire alcune informazioni del sito.

 

Approfondimenti

HTML5, lo sguardo alle novità che porterà con sè.

html5-yourinspirationweb

HTML5: introduzione alle novità

html5-iphone

Un’anteprima di HTML 5

html-5_1

HTML5: L’inizio della fine per i player Flash?

html5-flash

Siti Web in HTML5

html5-gallery

HTML5 Compatibilità con i Browser

html5-compatibilita

Creare un blog con HTML5

html5-nettuts

HTML5 Tag References

tag-references

HTML5 video for everyone

html5-video

 

Aggiungi commento


Codice di sicurezza
Aggiorna

SimDice Tweet


Free Software

DadoPubblicato online il simulatore del lancio di dadi. La versione è flash cioè non salva i dati.
Prossimamente ci sarà una versione dove si potranno visualizzare tutti i tiri eseguiti!
L'applicazione si trova a questo link.


Twitter



P.IVA: 03864690239 - CF: ZMBMTT82A25A459W - Cell 338 8835425 - info@zambros.it