<small>

<small> marca texto secundario o de menor importancia en su contexto: la “letra chica” de los disclaimers, las aclaraciones legales junto a un precio, los términos y condiciones de una oferta, las notas al pie de una afirmación. El navegador lo renderiza con un tamaño de fuente ligeramente menor por defecto, lo que hace que visualmente se lea como texto subordinado — pero ese efecto visual surge del significado semántico, no al revés.

La semántica de <small> no es “texto poco importante en general” sino “texto secundario respecto de lo que lo rodea”. Un aviso legal puede ser <small> y aun así ser legalmente crítico. Lo que <small> comunica es la relación: este texto es una aclaración, una condición, un detalle que complementa al contenido principal pero no es el contenido principal.

Si solo querés texto más chico por razones visuales — para equilibrar el diseño, para información técnica en una tabla — usás font-size en CSS sobre un <span>, no <small>. El elemento debe reservarse para contenido que genuinamente tiene esa función de “letra chica” secundaria.

Cómo funciona

<small> es un elemento en línea. Reduce el tamaño de fuente en un nivel relativo (el navegador aplica un font-size más pequeño por defecto), pero lo relevante es que comunica “este contenido es secundario o aclaratorio respecto de lo que lo rodea”.

No confundir con “poca importancia general” — <small> es secundario en su contexto inmediato, no en el documento completo. Un aviso legal puede ser <small> aunque sea legalmente importante.

Modelo de contenido

Acepta contenido en línea (phrasing content). Puede contener texto, otros elementos en línea. No puede contener elementos de bloque. Va dentro de párrafos, encabezados, <td>, o cualquier elemento que acepte contenido en línea.

Sintaxis

<p>Precio: $12.990 <small>IVA incluido</small></p>

<p>
  <small>© 2026 Mi empresa. Todos los derechos reservados.
  El uso de este sitio implica la aceptación de los términos.</small>
</p>

<p>Garantía de 12 meses <small>(no incluye daños por mal uso)</small></p>

Atributos

<small> no tiene atributos propios. Acepta los atributos globales de HTML.

Accesibilidad

<small> no tiene un rol ARIA implícito especial — es contenido genérico. Los lectores de pantalla no lo leen distinto del texto normal. Su aporte es semántico para el procesamiento automático del documento, pero no genera un anuncio diferenciado para el usuario. Si el contenido de <small> es importante desde el punto de vista de accesibilidad (como una condición legal), asegurate de que sea legible y no dependa solo de su tamaño visual.

Cuándo usar <small> vs. alternativas

Notas, gotchas e interacción

• No es un reemplazo del font-size de CSS. Si necesitás texto pequeño por razones visuales sin connotación de “letra chica secundaria”, usá CSS sobre un <span>.
• Puede ir dentro de <strong>. <strong><small>Condición crítica en letra chica</small></strong> es válido: importancia marcada semánticamente, aunque se renderice pequeño.
• Anidar <small> reduce el tamaño dos niveles. Cada <small> anidado reduce el tamaño otro nivel. Raramente útil, pero válido.

Vigente / legacy

<small> está vigente. En HTML 4 era puramente presentacional (“texto más chico”). HTML5 le dio semántica propia (“comentarios secundarios, letra chica”), lo que lo rescató de la obsolescencia. No hay forma legacy directa.