<div> o <span>

[jabakero]

Bueno, tengo esta grandiosa pregunta cual de las dos etiquetas debo usar para mi web...

¿cual de las dos es mejor?

O depende de lo que necesite?

[El_Pumu]

Depende de a que navegador quieras dirigir tu pagina...
<div> para iexplore
<span> para netscape

Yo prefiero no usar ninguno de los dos. Con tablas puede quedar todo muy bien colocado.

[jamesxv7]

Depende de a que navegador quieras dirigir tu pagina...
<div> para iexplore
<span> para netscape

Bueno la contestación de El_Pumu dista mucho del verdadero significado de estas etiquetas.

Ambas etiquetas con para agrupar elementos ( Asi lo define laWorld Wide Web Consortium [W3C] )

La etiqueta <DIV> debe ser usada como una herramienta para organizar el contenido de una pagina web que no necesita ningun orden en particular. Utilizando los atributos ID y CLASS podemos darle un poder increible a esta etiqueta. Es más eficiente utilizar esta etiqueta que usar <TABLE> o tablas para nuestros diseños debido a muchos factores de rendimiento en los cuales no entrare en detalles, hagan sus pruebas .

La etiqueta <SPAN> es utilizada para alterar la apariencia del contenido dentro si misma. Es muy útil cuando utilizamos CSS y digamos que por ejemplo, deseamos que cierta parte de nuestro documento posea unas caracteristicas en espeficas, podemos encerrar esta parte dentro de la etiqueta de <SPAN> y aplicarle el estilo que hayamos predefinido.

Código:

Ejemplo de <SPAN>:

Esto es un ejemplo de <span 
style="font-size: larger"> como esta
 porción cambia </span> de tamaño de 
texto.

Para mas informació sobre estas etiquetas isita W3. Y si deseas ver un ebsite hecho usando solo <DIV> visita a versión beta de Ecodig.com

[El_Pumu]

Nunca me acostare sin saber una cosa mas... esta claro que las fuentes oficiales siempre son mas fiables que lo que uno lea "por ahi".

[jamesxv7]

Asi se habla!

[Gerald]

hey jamesxv7 , mas o menos estoy testeando y aprendiendo xhtml y css en verdad es muy funcional , pero encuentro muy pocos tutoriales en español, y para aprender veo el codigo de muchas web, en serio me estoy animando a hacer un tutorial de xhtml,

mira esta web de una amiga de aqui
kemie sino mas recuerdo

www.monolinea.com

[jabakero]

Tengo OTRA pregunta???

Las dos etiquetas son TOTALMENTE IGUALES?

O sea, se pueden usar los mismos atributos para las dos????

[jamesxv7]

A simple vista parece que si. La etiqueta <DIV> posee aling y nowrap que son atributos para posicionamiento de datos. Nowrap solo es utilizado por IE.

[KarlanKas]

En realidad, como ya ha dicho jamesxv7 (por cierto, muy buena explicación) no son totalmente iguales. DIV es un bloque y SPAN es un trozo. Con el ejemplo de lo veremos más claro:

Código PHP:

  Esto es un ejemplo de <div  
style="font-size: larger"> como esta 
 porción cambia </div> de tamaño de  
texto.  
   

He cambiado la etiqueta SPAN por DIV y el resultado no es el mismo.

Con este otro ejemplo lo veremos aún más claro:

Código PHP:

  Esto es un ejemplo de <span  
style="font-size: larger;border:solid 1px black;background:#fffff0"> como esta 
 porción cambia </span> de tamaño de  
texto.<br> 
<br> 
 
Esto es un ejemplo de <div  
style="font-size: larger;border:solid 1px black;background:#fffff0"> como esta 
 porción cambia </div> de tamaño de  
texto.  
   

Un saludo y Feliz Navidad!!!

[jamesxv7]

como ya ha dicho jamesxv7 (por cierto, muy buena explicación)

Gracias, mi deseo es poder colaborar en esta comunidad al máximo.

[caricatos]

Hola a todos:

Interesante pregunta y también didáctica, pero que pasa si a un div se le pone style: inline y a un span style: block...
Lo he probado con explorer y el ejemplo de KarlanKas (¡Hola! )... y es bastante curioso.

En w3.org, he visto que la etiqueta center se debe reemplazar con div align=center, y supongo que una etiqueta b podría reemplazarse con span style="font-weight: bold" o la u con text-decoration: underline...

Saludos y Felicidades

[jamesxv7]

Lo que sucede es que según los estandares, solo ciertos atributos se deben usar con ciertas etiquetas. No quiere decir que necesariamete debo restringirme a eso, ya que como explicó Caricatos las etiquetas que ya son obseletas han sido reemplazadas por otras. Pero esto no quiere decir que no podamos seguir usando las etiquetas obsoletas. El hecho es de que posiblemente en un futuro no muy lejanos estas etiquetas ya no existan. Violando los estandares puedo practicamente manipular como yo desee cualquier etiqueta, pero esto afectará negativamente mi diseño y hará que mi web no sea muy compatible con las tecnologias del futuro.

[Cain]

Entonces...

<span style="display: block;"> = <div>
<div style="display: inline;"> = <span>

¿ ?

[jamesxv7]

Si es lo mismo. Al igual que <b> = <strong> y muchas mas.

[PascalC]

no, no es lo mismo. span queda siendo un span y div un div

Los cambios de estilo solo cambian el aspecto visual de las etiquetas, no cambian su significado estructural.

[jamesxv7]

Quedemos claro que ninguna declaracion de CSS puede cambiar la estructura de una etiqueta HTML o XHTML o inclusive XML.

Si algún día los navegadores fueran totalmente compatible, mejor dicho, perfectamente compatibles con los estándares de la Wide Web Consortium es muy probable que esta declaración:

Código:

<span style="display: block;">

cause un error o simplemente no se aplique tal definición. Mientras tanto nosotros como diseñadores y programadores del web hagamos uso correcto de estos entándares.