Tema: semantica HTML5
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/01/2013, 18:21
Avatar de hackjose
hackjose
 
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
semantica HTML5
Hola amigos

Estoy haciendo un sitio pero quiero que tenga una buena estructura y semantica.

Aqui esta la imagen de como va a quedar



aqui esta el codigo que usaria

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Titulo</title>
  5.     <charset="utf-8" />
  6. </head>
  7. <body>
  8.     <div>
  9.         <p>slogan</p>
  10.         <address>1234567890<br />1234567890</address>
  11.         <ul>
  12.             <li><img src=""></li>
  13.             <li><img src=""></li>
  14.             <li><img src=""></li>
  15.         </ul>
  16.     </div>
  17.  
  18.     <div>
  19.         <header>
  20.             <a href=""><img src="" /></a>
  21.             <nav>
  22.                 <ul>
  23.                     <li>Item 1</li>
  24.                     <li>Item 2</li>
  25.                     <li>Item 3</li>
  26.                     <li>Item 4</li>
  27.                     <li>Item 5</li>
  28.                 </ul>
  29.             </nav>
  30.             <header>
  31.                 <form>
  32.                     <input type="text" /><input type="submit" value="Buscar">
  33.                 </form>
  34.             </header>
  35.         </header>
  36.  
  37.         <section>
  38.             <h2></h2>
  39.         </section>
  40.  
  41.         <section>
  42.             <h2>titulo</h1> 
  43.         </section>
  44.         <section>
  45.             <h2>titulo</h1>
  46.         </section>
  47.         <section>
  48.             <h2>titulo</h1>
  49.         </section>
  50.     </div>
  51.     
  52.     <footer>
  53.         <ul>
  54.             <li>Home</li>
  55.             <li>Terminos</li>
  56.             <li>Contacto</li>
  57.             <li>Privacidad</li>
  58.             <li>Login Doctor</li>
  59.             <li>Login Admin</li>
  60.         </ul>
  61.         <h1>Nombre del sitio</h1>
  62.     </footer>
  63. </body>
  64. </html>

Porfavor denme su opinion, que le cambiarian, quitarian o añadirian.

Creo que es una buena de aprender entre todos

Saludos a todos

---------------------
En la imagen se me olvido poner un <input type="text" /> debajo de item5