Uso de una etiqueta de énfasis en HTML

Uso de una etiqueta de énfasis en HTML

Uso de una etiqueta de énfasis en HTML

VALORACIÓN DEL ARTÍCULO:
5/5


Una de las etiquetas que usted aprenderá al principio de su educación en diseño web es un par de etiquetas conocidas como «etiquetas de énfasis». Echemos un vistazo a lo que son estas etiquetas y cómo se utilizan en el diseño web hoy en día.

Volver a XHTML

Si aprendió HTML hace años, mucho antes del auge de HTML5, probablemente usó las etiquetas en negrita y en cursiva. Como era de esperar, estas etiquetas convirtieron los elementos en texto en negrita o en cursiva, respectivamente. El problema con estas etiquetas, y por qué se dejaron de lado a favor de nuevos elementos (que veremos en breve), es que no son elementos semánticos. Esto se debe a que definen cómo debe verse el texto en lugar de la información sobre el texto. Recuerde, HTML (que es donde estas etiquetas serían escritas) es todo sobre la estructura, no sobre el estilo visual! Los visuales son manejados por CSS y las mejores prácticas de diseño web han sostenido durante mucho tiempo que usted debe tener una clara separación de estilo y estructura en sus páginas web. Esto significa no utilizar elementos que no son semánticos y que tienen un aspecto más bien detallado que estructural. Esta es la razón por la que las etiquetas en negrita y cursiva han sido generalmente reemplazadas por fuertes (para negrita) y énfasis (para cursiva).

y y

Los elementos fuertes y de énfasis agregan información a su texto, detallando el contenido que debe ser tratado de manera diferente y enfatizado cuando se habla de ese contenido. Usted utiliza estos elementos de la misma manera que habría utilizado negrita y cursiva en el pasado. Simplemente rodee su texto con las etiquetas de apertura y cierre ( y para el énfasis y y para el énfasis fuerte) y el texto adjunto será enfatizado.

Puedes anidar estas etiquetas y no importa cuál sea la etiqueta externa. Algunos ejemplos.

 Este texto se enfatiza fuertemente y la mayoría de los navegadores lo mostrarían en negrita.

En ambos ejemplos, no estamos dictando la apariencia visual con el HTML. Sí, la apariencia por defecto de la etiqueta sería cursiva y la de la etiqueta sería negrita, pero esos aspectos podrían ser fácilmente cambiados en CSS. Esto es lo mejor de ambos mundos. Puede aprovechar los estilos de navegador predeterminados para obtener texto en cursiva o negrita en el documento sin cruzar la línea y mezclar la estructura y el estilo. Digamos que quieres que el texto no sólo sea en negrita sino también en rojo, puedes añadir esto a la SCS

extremo {
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>)color: rojo;
}

>

En este ejemplo, no es necesario añadir una propiedad para el peso de la fuente en negrita, ya que es el valor predeterminado. Sin embargo, si no quieres dejar eso al azar, siempre puedes añadirlo:

extremo {
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>)font-weight: negrita;
color: rojo;
}>

Ahora estarías casi seguro de tener una página con texto en negrita (y rojo) dondequiera que se use la etiqueta .

Doble énfasis

Una cosa que hemos notado a lo largo del año es lo que sucede si se trata de duplicar el énfasis. Por ejemplo:

Usted pensaría que esta línea produciría un área que tiene texto en negrita Y cursiva. A veces esto ocurre, pero hemos visto que algunos navegadores sólo respetan el segundo de los dos estilos de énfasis, el más cercano al texto en cuestión, y sólo lo muestran en cursiva. Esta es una de las razones por las que no duplicamos las etiquetas de énfasis.

Otra razón para evitar esta «duplicación» es por motivos estilísticos. Una forma de énfasis, si es suficiente para transmitir el tono que desea establecer. No es necesario poner en negrita, cursiva, color, agrandar y subrayar el texto para que destaque. Ese texto, con todos esos diferentes tipos de énfasis, se volvería chillón. Así que tenga cuidado al usar etiquetas de énfasis o estilos CSS para proporcionar énfasis y no exagere.

Nota sobre el negrita y las cursivas

Un pensamiento final – mientras que las etiquetas en negrita y en cursiva ya no se recomiendan para ser usadas como elementos de énfasis, hay algunos diseñadores web que usan estas etiquetas para darle estilo a las áreas de texto en línea. Básicamente, lo usan como un elemento. Esto es bueno porque las etiquetas son muy cortas, pero generalmente no se recomienda usar estos elementos de esta manera. Lo mencionamos en caso de que lo veas en algunos sitios que se utilizan no para crear texto en negrita o cursiva, sino para crear un gancho CSS para algún otro tipo de estilo visual.

Deja un comentario

TAMBIÉN TE INTERESA

una-batería-de-litio

Motivos y necesidades para buscar alternativas a las baterías de litio

Las baterías de litio son la principal fuente de energía de muchos dispositivos como teléfonos y vehículos eléctricos, no obstante, el mercado ya se está moviendo para explorar alternativas, así como opciones más avanzadas dentro del segmento. La próxima generación de este tipo de baterías de próxima generación, ánodos de silicio y metal de litio,

marketing digital

Estas son las ventajas del Inbound Marketing

Pocas estrategias de marketing son capaces de proporcionar los resultados extraordinarios que nos ofrecen la comprensión y estudio de nuestro mercado objetivo. Es por esto que hemos decidido compartirte una lista de ventajas del Inbound marketing en este artículo.   Evidentemente, el objetivo de cualquier emprendedor es proporcionarle el impulso necesario a su negocio para

nuevo-moto-g62-5G

Nuevos miembros a la familia Motorola: moto g62 5G y moto g42

Motorola sigue aumentando la familia con dos nuevos dispositivos más que llegan a las tiendas españolas. El moto g62 5G y el moto g42 se integran en la gran colección de smartphones de gama media, si bien hay componentes y características en ellos que bien pueden considerarse para el segmento premium. Una de las funciones

personal-sanitario-usando-tablet-panasonic-Toughbook-g2

Toughbook, una tablet de Panasonic óptima para trabajadores móviles

Poco se ha hablado hasta ahora de Toughbook, una tableta de Panasonic que está resultado ideal para muchas profesiones. En este post hablaremos de su uso y cómo contribuye a mejorar los flujos de ciertos trabajos concretos.   Y es que partimos de un contexto actual en el que prácticamente todos los trabajadores que deben

casa-conectada-domótica

Tener una casa conectada ayuda y mucho a combatir el calor del verano

Tener una casa conectada implica una cierta inversión que en muchos casos no es apta para todos los bolsillos. Sin embargo, al mercado han llegado una gran cantidad de dispositivos que están ayudando a democratizar la domótica en los hogares. Tanto en verano como en el invierno, tener el control de los servicios del hogar

Convertir PDF a Word y mucho más… desde la plataforma SizePDF

Convertir PDF a diferentes formatos se ha convertido en una auténtica necesidad para los usuarios. Al formato Word, Excel, PPT… El objetivo es que se pueda editar y transformar un PDF a estándares más trabajados en el mundo, de forma que casi cualquier documento que circule se pueda personalizar sin la necesidad de muchos conocimientos.