Etiqueta big en HTML: obsoleta y alternativas actuales
La etiqueta <big> está obsoleta y no debe usarse en HTML actual. Servía para mostrar un fragmento de texto con un tamaño mayor que el de su entorno, sin añadir importancia ni convertirlo en un título. Si encuentras esta etiqueta en una página antigua, utiliza CSS para conservar la apariencia o elige un elemento semántico cuando el texto tenga una función concreta. El HTML Living Standard incluye <big> entre las funciones no conformes.
Qué hacía big: ejemplo histórico
Este código se muestra únicamente para reconocer la sintaxis antigua; no es una recomendación de uso:
<p>Oferta: <big>curso de HTML</big>.</p>El autor esperaba que «curso de HTML» apareciera más grande que «Oferta:» y el punto final. El aumento era relativo al texto circundante y dependía del navegador y de los estilos aplicados; no fijaba un tamaño concreto en píxeles. MDN describe ese comportamiento y recomienda sustituirlo con CSS.
Al retirar ambas etiquetas y conservar su contenido, queda un párrafo con el mismo texto. Desaparece el aumento aportado por <big>, salvo que otra regla CSS lo produzca. La frase no pierde un significado de importancia, porque <big> no lo expresaba.
Sintaxis, contenido y atributos antiguos
En HTML 4.01, <big> era un elemento de estilo tipográfico. Tenía apertura <big> y cierre </big>, ambos requeridos en ese estándar. Se utilizaba donde se admitía contenido en línea, por ejemplo dentro de un párrafo, y podía contener texto y otros elementos en línea. No era un contenedor para párrafos, listas o secciones.
No tenía atributos propios para elegir el tamaño. size y color, asociados históricamente a <font>, no eran atributos de <big>. Atributos generales como id, class, lang y title podían identificar el fragmento, aplicarle estilos o describir su idioma; no daban validez actual al elemento.
El reemplazo visual utiliza la propiedad CSS font-size, no un atributo HTML llamado font-size. class relaciona el elemento con una regla CSS. En JavaScript, elemento.style.fontSize permite modificar ese estilo mediante el DOM, pero no hace falta JavaScript para esta migración.
Elegir una alternativa según el propósito
Antes de reemplazar cada aparición, decide qué representa el texto:
- Solo necesita verse mayor: conserva la etiqueta semántica que ya lo contiene o agrupa el fragmento con
<span>y una clase.<span>no añade un significado específico. - Es el título de una sección: utiliza un encabezado de
<h1>a<h6>según su nivel. Un<h2>corresponde a una subsección; el nivel no se elige por el tamaño deseado. Consulta la definición de los encabezados en el estándar. - Expresa importancia, gravedad o urgencia: utiliza
<strong>. Su apariencia habitual es la negrita; agrandar el texto requiere CSS. El significado de<strong>permanece aunque cambies su estilo.
No hay una sustitución mecánica que sirva para todos los casos. Un texto mayor tampoco garantiza un anuncio especial en un lector de pantalla. Si hay un aviso urgente, dilo con palabras que sigan siendo comprensibles sin estilos.
Ejemplo actual: tres migraciones del mismo texto
Guarda este documento completo como migracion-big.html y ábrelo en un navegador. Compara tres usos del fragmento «curso de HTML»; en una página real elegirías el que corresponda a su función.
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Migración del texto mayor</title>
<style>
body {
max-width: 42rem;
margin: auto;
padding: 1rem;
font-family: system-ui, sans-serif;
line-height: 1.5;
}
.texto-mayor {
font-size: 1.25em;
}
</style>
</head>
<body>
<main>
<h1>Formación del barrio</h1>
<!-- Apariencia: fragmento mayor dentro de un párrafo. -->
<p>Oferta: <span class="texto-mayor">curso de HTML</span>.</p>
<!-- Estructura: título real de una subsección. -->
<section>
<h2 class="texto-mayor">curso de HTML</h2>
<p>Aprende a estructurar tu primera página.</p>
</section>
<!-- Importancia: la frase comunica la urgencia del aviso. -->
<p>
<strong class="texto-mayor">curso de HTML</strong>:
último día para inscribirse. El plazo termina hoy a las 18:00.
</p>
</main>
</body>
</html>En las tres variantes, la clase aumenta el tamaño al 125 % del tamaño del padre. El <span> sigue dentro de la línea del párrafo. El <h2> es un encabezado, normalmente con márgenes y negrita propios. <strong> marca el fragmento importante dentro del aviso y suele mostrarse en negrita. Estos significados no proceden de la clase.
También existe font-size: larger para pedir un aumento relativo según la escala del navegador. No implica un porcentaje fijo. La especificación de CSS Fonts explica font-size y sus valores relativos.
Para comprobar la migración:
- Elimina temporalmente la regla
.texto-mayor. El<span>recupera el tamaño heredado; el encabezado y la negrita conservan sus estilos predeterminados y su significado. - Aumenta el zoom del navegador al 200 %. Comprueba que todas las frases se leen completas y que el aviso no queda recortado. El ejemplo no fija alturas ni oculta el desbordamiento.
- Desactiva JavaScript y recarga: no cambia el resultado porque el documento solo necesita HTML y CSS.
Las unidades relativas ayudan a adaptar el tamaño, pero no garantizan por sí solas la accesibilidad del diseño. El criterio de ampliación de texto de WCAG exige conservar contenido y funcionalidad al ampliarlo hasta el 200 %.
Dudas y errores frecuentes
¿Big sigue siendo válida porque el navegador la muestra? No. Que un navegador mantenga su representación para páginas antiguas no permite usarla en autoría actual. No confundas compatibilidad con conformidad.
¿Strong es el reemplazo directo de big? Solo cuando el contenido necesita expresar importancia. Para agrandar un texto por motivos visuales, utiliza CSS.
¿Conviene anidar varias etiquetas big para aumentar más el tamaño? No. Migra el conjunto a una regla CSS explícita y revisa la ampliación. Acumular etiquetas obsoletas dificulta controlar el resultado.
<small> tampoco es una alternativa inversa para controlar tamaños: representa comentarios secundarios o letra pequeña, como avisos legales. <span>, <strong>, los encabezados y <small> tienen funciones diferentes; el tamaño visual se ajusta con CSS. La semántica actual de <small> explica esa distinción.
Estado y fuentes revisados el 3 de octubre de 2026. El código antiguo permanece como referencia escrita; las soluciones recomendadas utilizan HTML vigente y CSS.