Definición destacada
¿Como funciona el comando en HTML5: 'small'?
Última modificación: 2024-06-18
Instrucción HTML5 para el Elemento <small>
El elemento HTML5 <small> se utiliza para representar texto que tiene una menor relevancia u que debería presentarse en un tamaño de fuente más pequeño que el texto circundante. Históricamente, se usaba para indicar notas al pie, advertencias, detalles secundarios o cualquier otro contenido menos importante.
Atributos del elemento <small>
El <small> es un elemento en línea (inline) y admite los siguientes atributos, los cuales son comunes a la mayoría de los elementos HTML:
- Globales: Los atributos globales son utilizados por casi todos los elementos HTML, y son:
accesskey: Permite especificar un atajo de teclado para enfocar el elemento.autocapitalize: Contiene la política de capitalización del texto que introduce el usuario.class: Permite asignar una o más clases CSS al elemento.contenteditable: Indica si el contenido del elemento es editable o no.dir: Define la dirección del texto. Puede serltr(left-to-right) ortl(right-to-left).draggable: Especifica si un elemento puede ser arrastrado.hidden: Indica que el elemento no debería mostrarse.id: Define un identificador único para el elemento.lang: Especifica el idioma del contenido del elemento.spellcheck: Indica si el elemento debe ser revisado en cuanto a ortografía.style: Contiene reglas CSS que se aplican al elemento.tabindex: Especifica el orden de obtención del foco cuando se navega con el teclado.title: Proporciona información adicional sobre el elemento (típicamente mostrada como un tooltip).translate: Indica si el contenido de un elemento debe traducirse o no.
Uso del <small> en HTML5 con Ejemplos
El elemento <small> es útil para dar contexto adicional o detalles menores sin distraer de la información principal. A continuación se muestran algunos ejemplos sencillos de uso:
Ejemplo 1: Nota al Pie
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejemplo de uso de <small></title>
</head>
<body>
<p>El sol es una estrella de tamaño medio ubicada en la Vía Láctea.<small> Esta estrella es esencial para la vida en la Tierra.</small></p>
</body>
</html>En este ejemplo, el texto "Esta estrella es esencial para la vida en la Tierra." se considera una información adicional y se presenta en un tamaño más pequeño.
Ejemplo 2: Declaración de Derechos
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejemplo de uso de <small></title>
</head>
<body>
<h1>Términos y Condiciones</h1>
<p>Aceptas los términos y condiciones de uso al registrarte en nuestro sitio web.<small> Los términos y condiciones están sujetos a cambios sin previo aviso.</small></p>
</body>
</html>Aquí, el <small> se usa para denotar que la información sobre los cambios en los términos es importante pero secundaria.
Ejemplo 3: Texto Secundario en un Formulario
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Formulario con <small></title>
</head>
<body>
<form>
<label for="email">Correo Electrónico:
<input type="email" id="email" name="email">
<small>No compartiremos tu correo con terceros.</small>
</label>
</form>
</body>
</html>En un formulario, el uso de <small> es útil para proporcionar información adicional como la política de privacidad de los datos suministrados.
Estos ejemplos ilustran cómo <small> puede ser empleado de manera efectiva para presentar información que sea útil pero que no debería distraer del contenido principal. Al comprender cómo y cuándo usar este elemento, puedes mejorar la claridad y la usabilidad de tus documentos HTML.