Creare pagine in Html 5

Vediamo come costruire la prima pagina in Html 5. Si dice che l’Html 5 non sara’ completamente supportato fino al 2022, ma noi che viviamo di web, siamo convinti che si debbano gia’ imparare i nuovi tag di questo linguaggio. Html 5 introduce diversi elementi nuovi che renderanno le nostre pagine piu’ pulite e veloci.

Iniziamo. Apriamo Dreamweaver e scriviamo il codice Html5 della nosta pagina:

I Web Designer

Notiamo il codice piu’ pulito e che manca l’attributo type nel richiamo del CSS.

Home

Chi Siamo

Portfolio

Blog

Contatti

Notiamo che invece della classica

possiamo inserire solo il tag header. Va sottolineato che il tag header puo’ essere usato anche in altre parti della pagina, non solo nella parte superiore. Aggiungiamo il menu’ di navigazione:

	
Home


	
Chi Siamo


	
Portfolio


	
Blog


	
Contatti

Stessa cosa di prima per il tag NAV. Inseriamo il tag section:

Abbiamo idee sempre nuove per aumentare il tuo businness...

Magoo

Quando si crea un layout Html 5, basta scegliere tra section o article. E poi chiudiamo il markup:

Quindi il codice Html5 della nostra pagina e’:

I Web Designer

.iwebdesigner.it/html5/creare-pagine-in-html-5/1528.html">Chi Siamo

Portfolio

Blog

Contatti

Abbiamo idee sempre nuove per aumentare il tuo businness...

Magoo

Ecco come si presenta la pagina:

Abbiamo visto le basi del codice Html 5, nel prossimo articolo costruiremo lo style.css relativo alla nostra pagina.