Etiqueta HTML <small>
La etiqueta <small> reduce el tamaño de la fuente del texto, generalmente renderizándolo al 80% del tamaño del elemento padre. Se utiliza para comentarios laterales o texto pequeño, como avisos de derechos de autor, descargos de responsabilidad legal o información de licencias.
El HTML moderno utiliza CSS para el tamaño de las fuentes. La etiqueta <small> no depende de las unidades obsoletas de font-size de HTML 3.2/4.01 (1–7). En su lugar, su tamaño visual es controlado por CSS, aunque los navegadores aplican un estilo predeterminado de aproximadamente el 80% del tamaño de la fuente del elemento padre.
La etiqueta <small> generalmente contiene elementos de importancia secundaria, como avisos de derechos de autor, comentarios laterales o avisos legales.
Puedes colocar una etiqueta <small> dentro de otra etiqueta <small>, de modo que la fuente del texto se minimiza en correspondencia con la “profundidad” del contenido.
La etiqueta <small>, al igual que las <i> y <b> etiquetas, es completamente semántica en HTML5 y no viola la regla de separación entre estructura y presentación.
Sintaxis
La etiqueta <small> se usa en pares. El contenido se escribe entre las etiquetas de apertura (<small>) y cierre (</small>).
Ejemplo de la etiqueta HTML <small>:
Ejemplo de la etiqueta HTML <small>:
<!DOCTYPE html>
<html>
<head>
<title>Usage of the SMALL tag</title>
</head>
<body>
<p>The interest rate is only 10%*</p>
<small>* per day</small> /
</body>
</html>Resultado
Ejemplo de la etiqueta HTML <small> dentro de una etiqueta <div>:
Ejemplo de la etiqueta HTML <small> dentro de una etiqueta div:
<!DOCTYPE html>
<html>
<head>
<title>Usage of the SMALL tag</title>
</head>
<body>
<h1>Small tag example</h1>
<p>The is a some text.</p>
<div>
<p>
Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
</p>
<small>This is a small text.</small>
</div>
</body>
</html>Atributos
La etiqueta <small> admite los Atributos globales y los Atributos de eventos.
Cómo dar estilo a una etiqueta HTML <small>
Práctica
¿Cuál es el propósito de la etiqueta HTML <small> y cómo se utiliza?