Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    outline HTML 5 di un portfolio [SEMANTICA]

    Ciao volevo sapere se questa semplice ramificatura in html5 per un semplice portfolio è corretta dal punto di vista semantico (soprattutto riguardo l'utilizzo di SECTION e ARTICLE):

    codice:
    <body>
    	
    	<header>
    		<div id="logo"></div>
    		<h1>Titolo</h1>
    	</header>
    	
    	
    	<nav>
    		<ul>
    			[*]About
    			[*]Works
    			[*]Contacts			
    		[/list]
    	</nav>
    	
    	
    	<section>
    		<h2>Titolo secondario</h2>
    		
    
    </p>
    	</section>	
    	
    	
    	<section>
    
    		
    		<article>
    			<h3>titolo lavoro</h3>
    			<div>
    				<div>foto1</div>
    				<div>foto2</div>
    				<div>foto3</div>
    			</div>
    		</article>
    
    		
    		<article>
    			<h3>titolo lavoro</h3>
    			<div>
    				<div>foto1</div>
    				<div>foto2</div>
    				<div>foto3</div>
    			</div>
    		</article>
    				
    	</section>
    
    	
    	<footer>
    		
    		
    		<nav>
    			<ul>
    				[*]About
    				[*]Works
    				[*]Contacts			
    			[/list]
    		</nav>
    		
    	</footer>
    	
    </body>
    grazie, Davide.

    P.S. Ogni suggerimento e miglioria è ben accetto!

  2. #2
    http://xhtml.html.it/articoli/leggi/...icle-e-il-div/

    Dai una letta a questa guida che ti potrà servire anche in futuro. Comunque mi sembra di si
    ChromeOS.eu tutto su Chrome OS!
    HTML5 Answer Il 3D nel browser è arrivato! Sviluppa la tua app 3D per il browser!

  3. #3
    scusa, piccola correzione che non avevo notato, il menu inseriscilo nel tag header...

    http://xhtml.html.it/guide/lezione/4967/header/
    ChromeOS.eu tutto su Chrome OS!
    HTML5 Answer Il 3D nel browser è arrivato! Sviluppa la tua app 3D per il browser!

  4. #4
    Come già suggerito, il primo nav va nel tag header.

    Per quanto riguarda le foto dei singoli lavori, sarebbe più giusto inserirle in un elenco in quanto si tratta di un lavoro descritto, appunto, attraverso un elenco di foto.

    Nel footer non andrebbe inserito il nav in quanto il footer in HTML5 è deputato ad accogliere metadati, informazioni sull'autore della sezione in cui è inserito e, al più, link a documenti correlati (in questo senso i link delle pagine del sito non sono collegamenti a documenti strettamente correlati con una delle singole pagine). Il nav andrebbe portato fuori dal footer o al limite, se presenti anche altre informazioni secondarie, inserito in un aside.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  5. #5
    Grazie ragazzi! sempre ottime risposte e suggerimenti

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.