. .

Publicidad

Secciones

Publicidad

Aplicaciones Web

Programación

Hardware

Software

Bases de Datos

Mobile

Empresas

 

Diferencia entre las etiquetas DIV y SPAN

En el pasado las etiquetas (Tags) HTML aportaban cierto significado al contenido, y es por ello que en aquel entonces se incluyeron en el lenguaje las etiquetas DIV y SPAN. Hoy, dichas etiquetas, no aportan significado alguno al contenido.

La principal diferencia entre ambas es que SPAN es una etiqueta inline, mientras que DIV es una etiqueta de bloque. DIV sirve, la mayoría acepta esto como un estándard no escrito, para organizar el layout de los sitios (maquetado). SPAN se supone que no debería contener etiquetas de bloque (<p>, <h>, etc), mientras que DIV tampoco debería estar entre etiquetas inline (p.e. <a><div></div></a>), reglas que quizás los navegadores lo interpretan y se ven sin errores, pero que podrían no ser válidas con respecto a los estándares W3C.

DIV

Div se usa entonces para crear la maquetación básica de un sitio. Dentro del cuerpo de la etiqueta pueden ir otros elementos de bloque como <p><br>etc, o bien elementos en línea como <a><span> entre otros.

SPAN

Puede ser utilizado para serparar partes de un texto y definir propiedades diferentes a las de otro texto cercano. Un ejemplo de esto podría ser:

El inicio del texto. <span class=”highlight”>Texto iluminado.</span> Fin del texto

Tags para esta entrada: Tips HTML, Etiquetas HTML, Etiqueta DIV, Etiqueta SPAN, Diferencia DIV vs. SPAN

Otros temas relacionados

AJAX Prototype: Actualizar un div con contenido remoto

Recientemente mostrábamos un ejemplo de cómo actualizar dinámicamente un div con contenido remoto mediante el uso de JQuery para peticiones Ajax. Hoy el ejemplo tiene el mismo objetivo, pero hemos utilizado otro framework que también cumple con ese función de actua...... Leer el artículo completo

AJAX JQuery: Actualizar un div con contenido remoto

Uno de los aspectos más interesantes del AJAX es la posibilidad de poder actualizar elementos independientes de la página con contenido remoto. De esta forma se evitan viajes completos al servidor que significan recargar todo el contenido y por ende un desperdicio de ancho de band...... Leer el artículo completo

AJAX y Frameworks Javascript, fundamentos técnicos básicos de la Web 2.0

El Javascript tomó por asalto la Programación Web hace algunos cuatro o cinco años con el boom del AJAX (Asynchronous Javascript and XML). Ajax vino a ser una especie de revitalización para los sitios web que necesitaban mayor interacción con el usuario, puesto que...... Leer el artículo completo

Tutoriales Menús CSS: Una recopilación de los mejores tutoriales

En Sulvision encontramos un listado de los mejores tutoriales de CSS para la construcción de menús de navegación, tabs, listas, etc. En muchas ocasiones este tipo de elementos parecen algo triviales, pero al si no somos gurús de CSS podemos terminar pasando un mal rato. E...... Leer el artículo completo