style - strong html para que sirve
¿Está bien usar<strong> en lugar de<b> a ciegas? (8)
Nota: Sé que <b> es una presentación y <span style="font-weight:bold> es una mejor manera, y <strong> y <em> son para enfatizar, pero mi pregunta no está relacionada con esto.
¿Debemos convertir cada <b> a <strong> ciegas? Muchas personas hacen esto, piensan que <b> no es bueno según los estándares web, por lo que convierten cada <b> en <strong> en el rediseño del sitio, la repoblación de contenido, el diseño de sitios nuevos y la gente sugiere esto a otros también.
Dreamweaver también ha dado la opción de convertir todos <b> y <i> a <strong> y <em> en el código pegado en la vista de diseño y cuando usamos B e I que las personas usan a ciegas.
texto alternativo http://shup.com/Shup/280420/1101118332-My-Desktop.png
Y Dreamweaver (si la opción anterior está marcada) y muchos editores WYSIWYG en línea dan salida en <strong> y <em> mientras que el botón muestra B e I.
texto alternativo http://shup.com/Shup/280425/1101118921-My-Desktop.png
En mi opinión, está creando una idea errónea acerca de <strong> y <b>
Cuando obtenemos contenido de un cliente, no sabemos dónde quiere enfatizar el cliente y dónde solo quiere usar texto en negrita para fines de presentación. ¿Qué deberíamos hacer en esta circunstancia? Nadie tiene tiempo para decidir cada instancia (nosotros y el cliente), ya sea que sea <b> o <strong> , <i> o <em>
¿Cuáles son los pros y los contras de convertir cada <b> e <i> en <strong> y <em> ciegas si decimos que nuestro sitio es accesible?
Actualización: recuerde que <b> y <i> no están en desuso, están en la especificación HTML 5
¿Está bien usar
<strong>en lugar de<b>ciegas ?
No.
Para citar a Anne van Kesteren ( source ):
Déjame darte un consejo contradictorio. Por favor, reemplace
emconiystrongconb. El marcado resultante es probablemente más preciso. Especialmente con el software WYSIWYG es extremadamente improbable que se utilicen correctamente, pero también porque la noción de que son intercambiables con la única diferencia es que sonstrongy semánticos . En caso de duda, utiliceiyb.
Y tiene razón, por supuesto. strong y b no son lo mismo. em y i no somos lo mismo. Solo use strong / em si desea agregar énfasis semántico al texto.
<b> , <i> , <tt> son estrictamente tipográficos.
Al decir tipográfico, no me refiero a visual. Me refiero a la semántica expresada por la mirada. Necesitan un contexto adicional para tener un significado específico (por ejemplo, definición, como:
- el texto en cursiva fue tomado de ...
o confiar en una convención tipográfica, como que el texto en negrita sea llamativo y la letra cursiva signifique cambio de contexto). En las convenciones tipográficas, las negritas y las cursivas son una especie de anidación de paréntesis.
(for example [this one has another context])
por ejemplo este tiene otro contexto
Estas etiquetas son el puerto de la tipografía impresa tradicional, en la que la semántica se realiza mediante la presentación visual específica.
Como señaló, se considera que están en desuso, pero no en XHTML5. ¿Por qué? Creo que, sobre todo, que el contenido web no es solo para los medios electrónicos. Si imprime un documento web, estas etiquetas pueden reemplazar la sintaxis de algunas expresiones utilizadas, por ejemplo, en TeX .
<strong> y <em> son estrictamente para semántica,
Contando cómo el texto debe ser leído y enfatizado.
Entonces, para recapitular, ninguna de estas etiquetas significa lo mismo que otra, por lo que ni siquiera deben usarse, pero no pueden usarse indistintamente, ni sustituidas. En particular, a ciegas.
AFIR, Dreamweaver no es el modelo del editor WYSIWYM. Siempre he considerado que es la próxima generación de pensamiento de FrontPage (facilidad de uso y cómo hacer las cosas ahora, y olvidarme del futuro y la escalabilidad).
Así que entiendo la sorpresa aquí, y tu idea errónea es correcta :)
Como han dicho otros, hay una diferencia semántica entre strong / by i / em. Especialmente los utilizan los lectores de pantalla para personas con discapacidades visuales que visitan su sitio web. Para ellos hace una gran diferencia si solo hace un texto en negrita, o si desea agregar algún tipo de énfasis a lo que dice en su sitio web. Así que asegúrate de considerar cuidadosamente hacer algo audaz usando B o FUERTE. Lo mismo ocurre con EM y I.
Como otros mencionaron, usar <strong >, <em> , <cite> etc. agrega semántica, y esto es importante porque dice algo sobre por qué quiere enfatizar algo y aumenta la legibilidad de su html, porque sabe por qué en negrita.
Además, los lectores de pantalla utilizan las etiquetas fuertes para hacer una diferencia audible al leerlo en voz alta.
Tal vez usted podría pensar en la representación de audio como una guía. Si desea una diferencia cuando se lee en voz alta, márquelo como <strong> por ejemplo, si no usa <b> .
Luego está el problema de la representación: en realidad no sé si todos los navegadores mostrarán un <strong> en negrita y si seguirá siendo así.
Así que en resumen: <strong> No </strong> .
No debemos intercambiar b y ciegas, ya que tienen un propósito diferente.
<b > y <i> no son elementos de presentación según la especificación HTML5. Tienen un significado y propósito diferente. Citando las especificaciones de HTML5,
El elemento b representa un intervalo de texto que se debe compensar estilísticamente de la prosa normal sin transmitir ninguna importancia adicional, como palabras clave en un resumen de documento, nombres de productos en una revisión u otros tramos de texto cuya presentación tipográfica típica está en negrita.
y para el elemento i ,
El elemento i representa un intervalo de texto en una voz o estado de ánimo alternativo, o compensado de otra manera con respecto a la prosa normal, como una designación taxonómica, un término técnico, una frase idiomática de otro idioma, un pensamiento, un nombre de barco o algún otro Prosa cuya presentación tipográfica típica está en cursiva.
Como otros lo han aclarado muy bien, i y em no se pueden usar indistintamente, como ocurre con b y strong .
El uso de i y b para su propósito previsto es muy raro. (Ej. en guiones de diálogo, tesis, currículums)
Referencias:
Si solo desea utilizar texto en negrita, conviértalo en negrita a través de css. Si el peso de la fuente "en negrita" no tiene un significado semántico, no debe usar <strong> o <em> para ello. Sin embargo, no debe usar <b> o <i> porque no son semánticos (de hecho, son etiquetas de tipo fuente) y, por lo tanto, no se recomienda su uso, incluso si están en desuso .
Ya hay algunas respuestas geniales aquí, pero para aquellos de ustedes que todavía no comprenden y necesitan una explicación y un ejemplo adicionales, encontré una explicación útil de esto en el texto HTML, documentos de la plataforma web . El tutorial explica la diferencia de uso entre <strong> y <b> un poco más allá de la mitad de la página y da ejemplos.
<b> y <strong> no son necesariamente lo mismo. <strong> como usted sugirió son para un mayor énfasis, mientras que <b> son solo para fines de estilo. Así que no debes cambiarlos a ciegas.
Algunas personas dirán que la etiqueta <b> está en desuso, pero no lo está. Todavía está vivo y pateando . Sin embargo; no es muy semántico, como está diciendo, así que podría ser una mejor opción para usar un <span> y darle un estilo.