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 <small></h2>
<!-- aquí se utiliza la etiqueta HTML small -->
<small>¡Bienvenid@ a HTML desde Cero!</small>
</body>
</html>
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>
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>
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> 
Compatibilidad con los Navegadores
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 2.0+ | 1.0+ | 2.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
