Foros del Web » Creando para Internet » HTML »

Diferenci entre div y otras etiquetas

Estas en el tema de Diferenci entre div y otras etiquetas en el foro de HTML en Foros del Web. Buenas, estoy aqui maquetando mi sitio web, y tengo un libro en el que en vez de usar div usa etiquetas de html5 como header, ...
  #1 (permalink)  
Antiguo 21/01/2013, 06:26
 
Fecha de Ingreso: noviembre-2012
Mensajes: 184
Antigüedad: 11 años, 5 meses
Puntos: 0
Diferenci entre div y otras etiquetas

Buenas,
estoy aqui maquetando mi sitio web, y tengo un libro en el que en vez de usar div usa etiquetas de html5 como header, footer, section, nav... y me gustaría saber que diferencia hay para saber que usar mejor si div's o estas ultimas de html5.
Un saludo
  #2 (permalink)  
Antiguo 21/01/2013, 07:09
Avatar de fishdesign  
Fecha de Ingreso: abril-2011
Ubicación: Málaga
Mensajes: 389
Antigüedad: 13 años
Puntos: 95
Respuesta: Diferenci entre div y otras etiquetas

No hay diferencias realmente (e incluso muchas veces se emplean mal sintacticamente, como por ejemplo poner article para cualquier texto), salvo que si usas esas etiquetas de HTML5 queda más cool y ya puedes decir que tu web está hecha en HTML5
__________________
Web Designer.
Themes-Up!, próximamente
  #3 (permalink)  
Antiguo 21/01/2013, 07:10
Avatar de Tzar  
Fecha de Ingreso: enero-2013
Ubicación: CABA Argentina
Mensajes: 68
Antigüedad: 11 años, 3 meses
Puntos: 3
Respuesta: Diferenci entre div y otras etiquetas

Bueno, la verdad tu pregunta es muy acertada. Al principio no supe si usar HTML5 o quedarme con mis divs pero la verdad es que te facilita el trabajo usar las etiquetas del HTML5. A la larga verás un código más ordenado y te será más fácil entender todo. El único problema que podrías tener es la compatibilidad con browsers desactualizados, de todas formas es mínimo.
  #4 (permalink)  
Antiguo 21/01/2013, 07:35
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Diferenci entre div y otras etiquetas

Yo diría que si que hay diferencias.

Como dice Tzar, para empezar tienes un código más limpio. Luego es mucho más semántico, y no es que quede más cool, sino que tiene su funcionalidad. Sólo por poner un ejemplo simple, una web sin ninguna etiqueta article, no tiene versión de lectura en Safari.

Diferencias entre las nuevas etiquetas que comentas y div's de facto no hay. Son todos elementos de bloque.

No tienes porqué usar uno u otro. De hecho, lo ideal es usar las nuevas para la propia estructuración. Es decir, usar header para la cabecera. Los div's puedes seguir usándolos, para cualquier otra cosa. Por ejemplo el típico contenedor.
  #5 (permalink)  
Antiguo 21/01/2013, 08:03
Avatar de fishdesign  
Fecha de Ingreso: abril-2011
Ubicación: Málaga
Mensajes: 389
Antigüedad: 13 años
Puntos: 95
Respuesta: Diferenci entre div y otras etiquetas

El tema de web semántica está todavía en pañales, al igual que HTML5, que sigue siendo un borrador.

A mi personalmente no me cuesta más trabajo leer div id="header" que <header>, sobre todo cuando trabajas con templates y lo tienes bien segmentado, sino, una buena indentación es más que suficiente.

El problema es que algunas de estas etiquetas tienen distintas interpretaciones. Es algo demasiado general.
Article y aside están muy bien para una estructura de blog, pero en una web de otro tipo y que tenga un diseño un poco "avanzado" no vas a ver nada que encaje con article o aside.
Entonces ya entramos en el tema de englobar etiquetas a secciones que "podrían ser" tal cosa.

Al final acabamos viendo 200 section en vez de 200 div y article a textos que por definición no son "artículos"

Personalmente, llevo usando el marcado de HTML5 desde hace tiempo, la mayoría de las veces impuestas o por puro marketing, ya que a la hora de desarrollar, la diferencia al menos para mi (en cuanto a ventajas) es ridícula.

Los clientes, que no entienden la parte técnica, son los que le dicen al desarrollador que quiere su web en HTML5. Realmente no sabe si quiera lo que es, pero lo ha escuchado por ahí y suena a moderno.
Es por ello que a veces nos vemos obligados a usarlo, y creo que este es el punto más importante entre usarlo o no, ya que si por ejemplo vendes un theme y dices que está hecho en HTML5, tendrás más posibilidades de venderlo.

Nosotros, más allá de la moda o el marketing, tenemos que saber lo que realmente es, las ventajas que ofrece (pocas) y por supuesto, los inconvenientes.
__________________
Web Designer.
Themes-Up!, próximamente

Última edición por fishdesign; 21/01/2013 a las 08:11
  #6 (permalink)  
Antiguo 21/01/2013, 08:23
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Diferenci entre div y otras etiquetas

Cita:
Iniciado por fishdesign Ver Mensaje
El tema de web semántica está todavía en pañales, al igual que HTML5, que sigue siendo un borrador.
Hombre, después de 15 años la semántica estará algo más crecida y ya habrá dejado de usar pañales, digo yo.

La especificación de HTML5 ya está completada y publicada desde hace un mes. Y también ya salió el borrador de HTML5.1.

La W3C deja más o menos claro siempre para qué es cada cosa. En el mundo hispano habitualmente se hace de vez en cuando alguna interpretación demasiado liberal, como es el caso de aside, muchas veces usado como una barra lateral, craso error.

Es que la cuestión no es usar 200 section's. La cosa es separar semánticamente una sección de otra. No es reemplazo de div's por etiquetas nuevas.

Bueno, y lo que piden los clientes, no tiene relación alguna con la realidad. Es un tema aparte. Pero no un aside.

Etiquetas: css
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:53.