La etiqueta HTML <small> define una fuente pequeña (texto pequeño) relacionada con el contenido principal. Puede ser una aclaración, una cita, un aviso de copyright o algún tipo de restricción.

No está pensado para grandes cantidades de texto, sólo para frases cortas incrustadas en el cuerpo del texto o en las notas a pie de página que siguen a un artículo o al final de un documento.

La etiqueta <small> indica que tu contenido es adicional al texto principal. Esta etiqueta es un remanente de las versiones anteriores de HTML, en las que sólo representaba el marcado físico, denotando un texto pequeño. El contenido de este elemento se sigue mostrando a un tamaño ligeramente inferior al del texto circundante. Por defecto, el tamaño del texto se reducirá proporcionalmente al tamaño del texto del elemento padre. También se permiten las etiquetas <small> anidadas unas dentro de otras, siendo el tamaño del texto más pequeño con cada nivel de anidación.

Nota

En HTML5, el elemento small se utiliza para las notas a pie de página y los comentarios generalmente escritos en texto pequeño. Estos pueden incluir advertencias, información sobre la licencia, información sobre los derechos de autor y más.

La Sintaxis

El contenido de la etiqueta se escribe entre las etiquetas de apertura (<small>) y de cierre (</small>).

Ejemplo de Uso

Ejemplo 1: Uso de la Etiqueta <small>

<!DOCTYPE html> <html> <body> <h1>HTMLdesdeCero</h1> <h2>Etiqueta &#60;small&#62;</h2> <!-- aquí se utiliza la etiqueta HTML small --> <small>¡Bienvenid@ a HTML desde Cero!</small> </body> </html>
Lenguaje del código: HTML, XML (xml)
Ejemplo 1 de etiqueta small
Ejemplo 1 de etiqueta small

Ejemplo 2:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Etiqueta SMALL</title> </head> <body> <footer> Llámenos al <small>(416)</small> 555-666-667 </footer> </body> </html>
Lenguaje del código: HTML, XML (xml)
Ejemplo 2 de etiqueta small
Ejemplo 2 de etiqueta small con número de teléfono

Ejemplo 3: Uso de etiquetas <small> anidadas

<!DOCTYPE html> <meta charset="UTF-8"/> <html> <head> <title>Impresión de texto más pequeño con la etiqueta small</title> </head> <body> <p>Café gratis para todos*<br> <small>*Sólo para empleados**<br> <small>**El café se reparte en el salario del día.</small></small> </p> </body> </html>
Lenguaje del código: HTML, XML (xml)
Ejemplo de uso de etiquetas small anidadas
Ejemplo de uso de etiquetas small anidadas

Ejemplo 4: Utilizar la propiedad CSS para reducir el tamaño de la fuente.

<!DOCTYPE html> <html> <head> <title>Etiqueta small</title> <style> body { text-align:center; } h1 { color:green; } .hdc { font-size:smaller; } </style> </head> <body> <h1>HTML desde Cero</h1> <h2>font-size: smaller;</h2> <div class = "hdc">¡Bienvenid@ a HTML desde Cero!</div> </body> </html>
Lenguaje del código: HTML, XML (xml)
Ejemplo 3 de etiqueta small
Ejemplo 3 de texto pequeño con uso de CSS

Compatibilidad con los Navegadores

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
2.0+1.0+2.0+1.0+1.0+1.0+1.0+
5/5 - (1 voto)