Legalizandonos en HTML5 con la etiqueta <small>

En esta clase vamos a estudiar una etiqueta que fue candidata a la desaparición en versiones previas del estándar a causa de su pasada naturaleza visual. La etiqueta <small> es una de las mas antiguas de html y su única función era reducir el tamaño del texto que se encontraba dentro de esta etiqueta.En la actualidad HTML5 le ha dado significado al hacer que represente comentarios al margen.

Con HTML5 la función de la etiqueta <small> es definir los derechos de autoría, descargo de responsabilidad y para la declaración legal en ciertas zonas de nuestro sitio web. Por eso hoy aprendemos a legalizarnos con la etiqueta <small>.

Consecuentemente, los navegadores representan al texto dentro de este elemento con un tamaño de letra menor. Los autores de sitios web debemos evitar utilizarlo para cualquier contenido que no tenga nada que ver con las letras pequeñas de las exoneraciones, salvedades, avisos o restricciones legales, declaraciones de derechos de autor o atribuciones.

Cuando definamos algún texto que contenga derechos de autoría, como en este ejemplo de un pié de página, ese texto se ubicaría dentro de la etiqueta <small>.

<footer><p>PROSEGUR | Estamos contigo <br>

<small>©2018 Todos los derechos reservados</small></p></footer>

Como podéis comprobar, en los ejemplos estamos utilizando etiquetas o elementos que ya hemos estudiado en anteriores clases. Si en algún momento no recuerdas el uso de alguno de estos elementos, puedes consultar el Curso de HTML5 desde cero.

Ejemplo de derechos de autoría.

<p><small>Prohibida la distribución de este articulo 
sin la autorización del autor</small></p>

Ejemplo de uso en descargo de responsabilidad.

<p><small>El propietario de este sitio web, no se hace responsable 
de los comentarios expuestos en este articulo</small></p>

Ejemplo de uso en web de hotel turístico.

<p>Precio por 3 días 150€ <small>(No incluye desayuno)</small></p>

Ejemplo de las típicas ofertas que suelen hacer las compañías de telefonía. En este ejemplo hemos utilizado también y de manera correcta el elemento <time>, que estudiamos en la anterior clase Definiendo fecha y hora con la etiqueta <time>.

<p>Ahora puedes hacer tus llamadas gratuitas <small>(Promoción 
valida hasta el <time datetime="2018-06-31">(31/06/2018)</time> solo 
para equipos post-pago</small></p>

A continuación vemos un ejemplo de venta de telefonía móvil. En él, vemos un enlace que nos llevara a la lectura de ciertas políticas que definan concretamente cuales serían estos cargos.

<p><small><a href="http://compañia/cargosadicionales.com">Se pueden aplicar cargos a la compra de este producto</a></small></p>

Por ultimo, un ejemplo de una sala de conciertos y venta de entradas.

<p><small>Nos reservamos el derecho de admisión</small>
Precio de la entrada: 10€ <small>(IVA no incluido)</small></p>

Conclusiones

Creo que ha quedado muy claro el uso de la etiqueta <small> con estos numerosos ejemplos. Como dije al inicio, debemos evitar utilizarlo para bloques de contenido que constan de, por ejemplo, múltiples párrafos o listas. Teniendo toda esta información en tu poder, no vas a tener ningún tipo de problema con su utilización. Nada más por ahora y os recuerdo que justo debajo, tenéis el listado de las clases que llevamos hasta la fecha. Me gustaría que compartieses esta publicación con tus amigos, nos regales un me gusta en la página de Facebook y si te apetece únete a la comunidad de Facebook.

Prohibida la distribución de este articulo incluyendo las imágenes,
sin la autorización del autor. Todos los derechos reservados ©2018