Foros del Web » Creando para Internet » HTML »

DIV y SPAN

Estas en el tema de DIV y SPAN en el foro de HTML en Foros del Web. HTML 4.01 Hola a todos ¿Cuál es la diferencia técnica entre DIV y SPAN? ¿Cuándo se debe utilizar uno u otro? Desde ya Muchísimas Gracias ...
  #1 (permalink)  
Antiguo 08/08/2009, 13:30
 
Fecha de Ingreso: diciembre-2004
Mensajes: 48
Antigüedad: 13 años
Puntos: 0
DIV y SPAN

HTML 4.01

Hola a todos

¿Cuál es la diferencia técnica entre DIV y SPAN? ¿Cuándo se debe utilizar uno u otro?

Desde ya Muchísimas Gracias

--
CG
  #2 (permalink)  
Antiguo 08/08/2009, 14:54
Avatar de adriancitov7  
Fecha de Ingreso: abril-2009
Ubicación: New York
Mensajes: 75
Antigüedad: 8 años, 7 meses
Puntos: 4
Respuesta: DIV y SPAN

Hola, se diferencian en primer lugar por el display que tiene cada uno (forma de mostrar y lugar que ocupan en html)

DIV = elemento de bloque ( solo uno ocupa todo el ancho de la pantalla, a exepcion de usar float o display inline con CSS)
SPAN = elemento en linea (pueden ir uno tras otro)

la etiqueta div se usa actualmente ala hora de maquetar una pagina por ejemplo lo basico seria

<div id="contenedor-principal">
<div id="cabecera">

dentro puede ir mas elementos html como titulos H1 o parrafos imagenes otros divs

</div>

<div id="contenido">
</div>

<div id="pie-de-la-pagina">
</div>

</div>

el span lo usan en parrafos mayormente un caso seria el siguiente


<p>Maquetar las paginas usando <span class="importante">CSS</span> es muy importante</p>

luego del css para hacer referencia al texto seria y loi pondria en rojo

p .class {color:red;}

PD: por ultimo decirte que un elemento de linea no puede contener un elemento de bloque pero si uno de linea, y un elemento de bloque en este div si puede contener ambos.
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 08:30.