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.
