Elementos de bloque HTML y elementos en línea

Los elementos HTML <div> y <span> pueden combinarse.

Elementos de bloque de HTML

La mayoría de los elementos HTML se definen como elementos de nivel de bloque o elementos en línea.

Nota del editor: "Elemento de nivel de bloque" se traduce como block level element, "elemento en línea" se traduce como inline element.

Los elementos de nivel de bloque suelen comenzar en una nueva línea al mostrarse en el navegador (y terminar).

Ejemplos: <h1>, <p>, <ul>, <table>

Elementos en línea de HTML

Los elementos en línea no suelen comenzar en una nueva línea al mostrarse.

Ejemplos: <b>, <td>, <a>, <img>

Elemento <div> de HTML

El elemento <div> de HTML es un elemento de nivel de bloque, que se puede utilizar como contenedor para otros elementos HTML.

El elemento <div> no tiene un significado específico. Además, debido a que es un elemento de nivel de bloque, el navegador mostrará saltos de línea antes y después de él.

Si se utiliza junto con CSS, el elemento <div> se puede utilizar para aplicar propiedades de estilo a grandes bloques de contenido.

Otra uso común del elemento <div> es el diseño del documento. Reemplaza el método obsoleto de definir el diseño utilizando tablas. El uso de elementos <table> para el diseño del documento no es el uso correcto de las tablas. El propósito del elemento <table> es mostrar datos tabulados.

Elemento <span> de HTML

El elemento <span> de HTML es un elemento en línea, que se puede utilizar como contenedor de texto.

El elemento <span> no tiene un significado específico.

Cuando se utiliza junto con CSS, el elemento <span> se puede utilizar para aplicar propiedades de estilo a partes de texto.

Etiquetas de agrupación de HTML

Etiqueta Descripción
<div> Definir una división o sección (division/section) en el documento.
<span> Definir span, utilizado para combinar elementos en línea en el documento.