Una de las etiquetas que aprenderá al principio de su educación en diseño web es un par de etiquetas conocidas como "etiquetas de énfasis". Veamos qué son estas etiquetas y cómo se utilizan en el diseño web actual.
Volver a XHTML
Si aprendió HTML hace años, mucho antes del auge de HTML5, probablemente usó las etiquetas negrita y cursiva. Como era de esperar, estas etiquetas convirtieron los elementos en texto en negrita o en cursiva, respectivamente. El problema con estas etiquetas, y el motivo por el que se hicieron a un lado en 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 información sobre el texto. Recuerde, HTML (que es donde se escribirían estas etiquetas) tiene que ver con la estructura, ¡no con el estilo visual! Los elementos visuales son manejados por CSS y las mejores prácticas de diseño web han sostenido durante mucho tiempo que debería tener una clara separación de estilo y estructura en sus páginas web. Esto significa que no se deben usar elementos que no sean semánticos y que se vean detalles en lugar de estructuras. Esta es la razón por la que las etiquetas en negrita y cursiva han sido generalmente reemplazadas por fuerte (en negrita) y énfasis (en cursiva).
y
Los elementos fuertes y de énfasis agregan información a su texto, detallando el contenido que debe tratarse de manera diferente y enfatizarse cuando se habla ese contenido. Usas estos elementos más o menos de la misma forma en que habrías usado negrita y cursiva en el pasado. Simplemente rodee su texto con las etiquetas de apertura y cierre ( y para enfatizar y y para mayor énfasis) y el texto adjunto será enfatizado.
Puedes anidar estas etiquetas y no importa cuál sea la etiqueta externa. Aquí hay unos ejemplos.
Este texto es enfatizado y la mayoría de los navegadores lo mostrarían como cursiva.
Este texto está fuertemente enfatizado. y la mayoría de los navegadores lo mostrarían en negrita.
En ambos ejemplos, no estamos dictando una apariencia visual con el HTML. Sí, el aspecto predeterminado de la etiqueta sería cursiva y la Sería audaz, pero esas apariencias podrían cambiarse fácilmente en CSS. Esto es lo mejor de ambos mundos. Puede aprovechar los estilos de navegador predeterminados para obtener texto en cursiva o en negrita en su documento sin cruzar realmente la línea y mezclar estructura y estilo. Di que querias eso el texto no solo debe estar en negrita, sino también rojo, se puede agregar a la CSS fuerte { color rojo;} En este ejemplo, no es necesario agregar una propiedad para el grosor de fuente en negrita ya que es el valor predeterminado. Sin embargo, si no quiere dejarlo al azar, siempre puede agregarlo en: fuerte { font-weight: negrita; color rojo;} Ahora estaría casi seguro de tener una página con texto en negrita (y rojo) donde quiera que esté. etiqueta se utiliza. Una cosa que he notado a lo largo del año es lo que sucede si intentas 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 sucede, pero he visto que algunos navegadores solo respetan el segundo de los dos estilos de énfasis, el más cercano al texto real en cuestión, y solo lo muestran en cursiva. Esta es una de las razones por las que no doblo las etiquetas de énfasis. Otra razón para evitar esta "duplicación" es por motivos estilísticos. Una forma de énfasis, si suele ser suficiente para transmitir el tono que desea establecer. No es necesario que aparezca en negrita, cursiva, color, ampliación y subrayado de texto para que se 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 dar énfasis y no exagerar. Un último pensamiento - mientras que el audaz () y cursiva () Ya no se recomienda que las etiquetas se usen como elementos de énfasis, hay algunos diseñadores web que usan estas etiquetas para diseñar á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 el uso de estos elementos de esta manera. Menciono en caso de que lo veas por ahí en algunos sitios que se usan no para crear texto en negrita o en cursiva, sino para crear un enlace CSS para algún otro tipo de estilo visual. Artículo original de Jennifer Krynin. Editado por Jeremy Girard el 12/2/16. Doble en énfasis
Este texto debe tener ambos en negrita y en cursiva texto en su interior.
Una nota sobre negrita y cursiva
