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.

TAMBIÉN TE INTERESA

Spotify-Wrapped-2022

¿Qué es Spotify Wrapped y cómo utilizarlo?

Estos días Spotify Wrapped es tendencia en las redes sociales y seguramente, como usuario de este servicio de streaming, te habrás preguntado qué es esto, para qué sirve y como se utiliza.   ¿Qué es Spotify Wrapped?   Spotify Wrapped es una herramienta que tiene la empresa sueca dedicada a la música en streaming por

anunciar-casa-en-Airbnb

Cómo anunciar tu casa en Airbnb de forma sencilla

Las últimas novedades de la plataforma Airbnb han hecho que anunciar una vivienda en la plataforma se pueda hacer de manera sencilla. Gracias a la herramienta Airbnb Start, presentada recientemente por la compañía, no tendremos muchos problemas para poner nuestra casa a través de este alquiler que tanta popular ha alcanzado con el paso de

GoPro-HERO11-Black-Mini

GoPro HERO11 Black Mini: características de esta pequeña gran cámara

Ya tenemos en las tiendas la nueva cámara GoPro HERO11 Black Mini. En un post anterior, dábamos a conocer los detalles de su hermana mayor y los nuevos lanzamientos de GoPro y ahora que tenemos ya la venta a esta pequeña gran joya, es menester hablar de ella por su calidad y versatilidad. Así estas

Razones para tener una web, te las explicamos

Razones para tener una página web, te las explicamos

O estás en internet o no estás. Así de fácil se puede resumir la necesidad de tener una página a nivel particular o en un negocio. Desde el punto de vista individual, es suficiente con tener perfiles activos en redes sociales, sin embargo en el caso de una empresa, la que sea, es indispensable contar

materiales-fabricación-aditiva

Más allá de las impresoras 3D: la fabricación aditiva

El elemento clave de la fabricación aditiva siempre ha sido la impresora 3D; la industria se ha construido sobre una base de diferentes tecnologías de impresión, cada una con sus propios puntos fuertes y débiles, capacidades y limitaciones, y aplicaciones más compatibles. En el último informe de IDTechEx ‘3D Printing and Additive Manufacturing 2023-2033: Technology

OPPO-Snapdragon-8-Gen-2

El chip Snapdragon 8 Gen 2 se estrenará en el próximo Find X de OPPO

OPPO ha participado en la Snapdragon Summit 2022 para presentar su colaboración con Qualcomm Technologies en materia en la tecnología Ray Tracing para dispositivos móviles. Las dos empresas, que llevan trabajando conjuntamente desde la primera fase de desarrollo del procesador de nueva generación, harán posible que los usuarios disfruten de la tecnología una ray tracing basada