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

Samsung-Galaxy-S24

Nace la era de la IA móvil con los nuevos Galaxy S24 de Samsung

Samsung ha presentado a bombo y platillo su nuevos modelos Galaxy S24, con muchas novedades respecto al anterior Galaxy S23. Las tres referencias que llegan al mercado de esta serie flagship de la firma coreana son: el Galaxy S24 Ultra, Galaxy S24+ y Galaxy S24. En todos ellos, la presencia de la inteligencia artificial es

ROG-Phone-8

Serie ROG Phone 8, mucho gaming y mucho de todo

El ROG Phone 8 marca el inicio de una revolucionaria travesía que redefine la excelencia en juegos para dispositivos móviles. Y es que este móvil pensando para gamers va mucho más allá del placer jugar y todas sus funciones le colocan como un multiusos que llaman la atención. La serie ROG cambia y lo hace

xiaomi-SU7-diseño

El Xiaomi SU7 asoma la patita: que tiemble Tesla

El esperado primer coche desarrollado por Xiaomi ha sido oficialmente presentado recientemente. El mercado ya se prepara para recibir al Xiaomi SU7. A primera vista, su diseño compite directamente con Tesla y recuerda a deportivos como el Porsche Panamera. Vamos a ver los detalles de esta sedán eco-tecnológico de alto rendimiento que llegará al mundo

Rust Lenguaje de programacion

Rust lenguaje de programación que potencia el rendimiento y la seguridad

Rust lenguaje de programación ofrece rendimiento y seguridad para el desarrollo de software. Su enfoque confiable y eficiente lo convierte en una elección destacada en la industria. Con una documentación completa y herramientas avanzadas, Rust facilita el proceso de programación. Además, su comunidad activa y el apoyo de empresas garantizan su continuidad y evolución. Empresas

Obs Studio

OBS Studio: El software perfecto para grabar y transmitir tus videos en vivo

OBS Studio es un software de grabación y transmisión en vivo para Windows, Mac y Linux. Ofrece soporte para plataformas populares como Twitch, YouTube y Facebook Live. Con OBS Studio, puedes capturar y mezclar video y audio en tiempo real, personalizar escenas y fuentes, y configurar opciones fácilmente. También puedes previsualizar tus transmisiones antes de