¿Está bien usar en lugar de ciegamente?


Nota: Sé que <b> es presentacional y <span style="font-weight:bold> es una mejor manera, y <strong> y <em> son para enfatizar, pero mi pregunta no es con respecto a esto.


Debemos convertir cada <b> a <strong> ciegamente? Muchas personas hacen esto, piensan que <b> no es bueno según los estándares web, por lo que convierten cada <b> a <strong> tras el rediseño del sitio, la re-población de contenido, el nuevo diseño del sitio 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 pegar código en la vista de diseño y cuando usamos B e I Que la gente usa ciegamente.

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 y I.

Texto alternativo http://shup.com/Shup/280425/1101118921-My-Desktop.png

En mi está creando un concepto erróneo sobre <strong> y <b>


Cuando obtenemos contenido de un cliente no sabemos dónde el cliente quiere dar énfasis y dónde solo quiere usar texto en negrita para propósitos de presentación. ¿Qué debemos hacer en esta circunstancia? Nadie tiene el tiempo para dar a decidir para cada instancia (nosotros y el cliente), si debe ser <b> o <strong>, <i> o <em>

¿cuáles son los pros y los contras para convertir cada <b> y <i> en <strong> y <em> ciegamente si estamos diciendo que nuestro sitio es accesible?


Actualización: recuerde <b> y <i> no están en desuso están en la especificación HTML 5

Author: Community, 2010-02-11

8 answers

Como otros han mencionado usando <strong>, <em>, <cite> etc. agrega semántica, y esto es importante porque dices algo sobre por qué quieres enfatizar algo, y aumenta la legibilidad de tu html, porque sabes por qué está 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árquela como <strong> por ejemplo, si no se utiliza <b>.

Luego está el tema del renderizado: en realidad no sé si todos los navegadores renderizarán un <strong> en negrita y si se mantendrá de esa manera.

Así que, en breve: <strong>No</strong>.

 28
Author: Luhmann,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-02-11 08:33:25

¿Está bien usar <strong> en lugar de <b> ciegamente?

No.

Para citar a Anne van Kesteren (fuente):

Permítanme dar algunos consejos contradictorios. Sustitúyase em por i y strong por b. 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 se extendió de que son intercambiables con el la única diferencia es que strong y em son semánticas. En caso de duda, utilice i y b.

Y tiene razón, por supuesto. strong y b no son lo mismo. em y i no son lo mismo. Solo uso strong / em si desea agregar énfasis semántico al texto.

 14
Author: Mathias Bynens,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-02-11 08:22:35

<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 contexto adicional para tener un significado específico(ej. definición, como:

  • el texto en cursiva fue tomado de ...

O apoyándose en la convención tipográfica, como que el texto en negrita es llamativo y la cursiva significa cambio de contexto). En las convenciones tipográficas, las negritas y las cursivas son una especie de paréntesis anidando.

(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 es llevada por la presentación visual específica.

Como usted señaló, se consideran obsoletos, pero no en XHTML5. ¿Por qué? Creo, 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 se usa por ejemplo en TeX.

<strong> y <em> son estrictamente para la semántica,

Diciendo cómo se debe leer y enfatizar el texto.

Así que para recapitular, ninguna de estas etiquetas significa lo mismo que otra, por lo que ni siquiera debe ser utilizado, pero no puede ser utilizado indistintamente, ni sustituido. En particular, ciegamente.

En realidad, Dreamweaver no es el modelo del editor WYSIWYM. Siempre he considerado que es la próxima generación de pensamiento de portada (facilidad de uso y hacer las cosas ahora, y olvídate del futuro y la escalabilidad).

Así que entiendo la sorpresa aquí, y su sentimiento de concepto erróneo es correcto:)

 7
Author: takeshin,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-06-11 10:59:41

No debemos intercambiar b y strong ciegamente, 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 HTML5,

El elemento b representa un intervalo de texto que se debe desplazar estilísticamente de la prosa normal sin transmitir ninguna importancia adicional, tales como palabras clave en un documento resumen, nombres de productos en una revisión u otros abarcar de texto cuya presentación tipográfica típica está en negrita.

Y para el elemento i,

El elemento i representa un lapso de texto en una voz o estado de ánimo alternativo, o de otra manera compensado de la prosa normal, como un taxonómico designación, un término técnico, una frase idiomática de otro lenguaje, un pensamiento, un nombre de barco, o alguna otra prosa cuyo típico la presentación tipográfica está en cursiva.

Como otros tienen muy bien aclarado, i y em no se pueden usar indistintamente y así es el caso con b y strong.

El uso de i y b para su propósito previsto es muy raro. (eg. en guiones de diálogo, tesis, curriculums vitae)


Referencias:

  1. http://html5doctor.com/i-b-em-strong-element /
  2. http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-i-element
 3
Author: apnerve,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-10-16 17:08:26

Si solo desea usar texto en negrita, hágalo en negrita a través de css. Si el peso de la fuente" negrita " no tiene significado semántico, no debe usar <strong> o <em> para ello. Sin embargo, no debe usar <b> o <i> ya sea porque estas son no semánticas (de hecho son etiquetas de estilo de fuente) y su uso es por lo tanto desaconsejado si no incluso en desuso.

 2
Author: hurikhan77,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-02-11 15:13:20

<b> y <strong> no son necesariamente lo mismo. <strong> como sugeriste son para mayor énfasis, mientras que <b> son solo para propósitos de estilo. Así que no debes cambiarlos ciegamente.

Algunas personas dirán que la etiqueta <b> está en desuso, pero no lo está. Es todavía vivo y coleando. Sin embargo, no es muy semántico, como estás diciendo, por lo que podría ser una mejor opción usar un <span> y darle estilo.

 1
Author: peirix,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-02-11 08:25:57

Como otros han dicho hay una diferencia semántica entre strong/b e i/em. Especialmente son utilizados por los lectores de pantalla para las personas con discapacidad visual que visitan su sitio web. Para ellos hace una gran diferencia si solo haces un texto en negrita, o si quieres agregar algún tipo de énfasis a lo que estás diciendo en tu sitio web. Así que asegúrese de considerar cuidadosamente hacer algo audaz usando B o FUERTE. Lo mismo ocurre con EM e I.

 1
Author: Pieter,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-02-11 09:27:54

Ya hay algunas grandes respuestas aquí, pero para aquellos de ustedes que todavía no entienden y necesitan una explicación y un ejemplo más, encontré una explicación útil de esto en el Texto HTML, Web Platform Docs tutorial. El tutorial explica la diferencia de uso entre <strong> y <b> un poco más de la mitad de la página y da ejemplos.

 0
Author: Ryan Smith,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-11-07 09:32:57