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.

Índice de contenidos

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.

TAMBIÉN TE INTERESA

Amplify-programa-de-partner-de-HP

Todo lo nuevo que te espera, si eres partner de HP

Si eres partner de HP, todo lo que vamos a contar a continuación te interesa. Si eres consumidor final de productos de esta marca, has de saber que HP es una de las compañías que más esfuerzos dedica a la hora de cuidar a sus socios. Si estos están contentos, el otro beneficiado serás tú,

dispositivo-de-traducción-Vasco-V4

Con este traductor no tendrás problemas de idioma en ningún país al que viajes

Los idiomas no deberían ser un hándicap ni para el trabajo ni para viajar. Un traductor puede soluciones todos los problemas relacionados con la falta de conocimiento de una lengua extranjera. Pero no hablamos de un traductor físico… sino uno virtual como las muchas aplicaciones que puede haber en internet. Precisamente basado en internet, hemos

televisión-marca-Amazon

¿Cuándo llegará a España la televisión de marca Amazon?

Quizás muchos consumidores no lo sepan, pero en el mercado internacional existen varios modelos de televisión de marca Amazon. Efectivamente, el gigante de ecommerce, al igual que los productos de moda, dispone de una marca propia para el segmento de las televisiones. La mala noticia es que, de momento, su mercado es limitado ya que

soluciones-de-Lenovo-para-el-trabajo-colaborativo

ThinkSmart View Plus de Lenovo, trabajo colaborativo a otro nivel

El dispositivo ThinkSmart View Plus de Lenovo redefine el concepto del trabajo colaborativo en las empresas. Ahora que muchos de los empleados de una oficina se conectan con otros mediante Micosoft Teams, Lenovo plante un dispositivo cuya única función es ofrecer servicio para el trabajo conectado. ¿Qué es y qué ofrece ThinkSmart View Plus? ThinkSmart

10-razones-para-apostar-por-Google-Ads

Google Ads o la mejor manera de gestionar la publicidad en internet para un negocio

Google Ads es una de las herramientas publicitarias más poderosas que existen en la actualidad. A través de ella, las empresas pueden llegar a un público amplio y diverso de manera efectiva, aumentar su visibilidad en línea y aumentar sus ventas. Pero ¿cómo exactamente puede Google Ads ayudar a un negocio? En este artículo, exploraremos