Tema: semantica HTML5
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 11/01/2013, 19:08
Avatar de hackjose
hackjose
 
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Respuesta: semantica HTML5
muchas gracias por contestar amigo

Cita:
Los tres elementos section de abajo —no el primero— tal vez, puedan ser una sólo. Según el diseño parece que serán unos bloques de contenido parecido, es decir, tres bloques formando una sección.
El contenido es muy diferente por eso opte por section

Cita:
También tienes en header, otro header dentro para un formulario. Ahí si que tendrías que usar un div, o, quitar ese segundo header ya que te basta form para posicionarlo aquí o allá.
XD perdon se me olvido quitarlo

Cita:
El más obvio supongo que será encerrar header en un div. No es que sea un problema, en caso de que lo necesites puedes hacerlo perfectamente. El problema que yo le veo, es que según tu estructura no te haría falta ese div ahí. Puedes usar el propio elemento header para darle los estilos que le hagan falta.
Igual se me olvido quitarlo

Cita:
Meter imágenes en un lista, no le veo sentido. Si son enlaces si, pero según tu código no lo son.
si son enlaces se me olvido

Aqui esta el nuevo codigo

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><a href=""><img src=""></a></li>
  13.             <li><a href=""><img src=""></a></li>
  14.             <li><a href=""><img src=""></a></li>
  15.         </ul>
  16.     </div>
  17.  
  18.  
  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.                 <form>
  31.                     <input type="text" /><input type="submit" value="Buscar">
  32.                 </form>
  33.         </header>
  34.  
  35.         <section>
  36.             <h2></h2>
  37.         </section>
  38.  
  39.         <section>
  40.             <h2>titulo</h1> 
  41.         </section>
  42.         <section>
  43.             <h2>titulo</h1>
  44.         </section>
  45.         <section>
  46.             <h2>titulo</h1>
  47.         </section>
  48.     
  49.     <footer>
  50.         <ul>
  51.             <li>Home</li>
  52.             <li>Terminos</li>
  53.             <li>Contacto</li>
  54.             <li>Privacidad</li>
  55.             <li>Login Doctor</li>
  56.             <li>Login Admin</li>
  57.         </ul>
  58.         <h1>Nombre del sitio</h1>
  59.     </footer>
  60. </body>
  61. </html>

Cita:
Luego, echo de menos algo que haga de contenedor. Te aseguro que muy pocas páginas se ven bien en una resolución de 1920 píxeles que llegue de lado a lado. Son normalmente incómodas de leer, a menos que estés acostumbrado a ver partidos de tenis.
tienes razon, nunca pienso en esos usuarios.

Cita:
Y el H1 en el footer, es semántico porque cada elemento puede tener encabezados. Pero en footer lo veo un tanto extraño.
En header uso una imagen(logo)
y dije no puedo darme el lujo de desperdiciar un elemento tan importante como <h1>, por eso lo puse en footer

de pura casualidad sabes si el h1 debe estar afuerzas en header?

por que he leido que si pones a h1 dentro de un hgroup, se pueden usar varios h1 y no afectan al SEO, pero nunca he sabido que pongan un h1 dentro de footer

Saludos y muchas gracias