html - sirve - ¿Cuál es la diferencia entre y, y?

strong html para que sirve (19)

¿Cuál es la diferencia entre  y  ,  y  en HTML / XHTML? ¿Cuándo debes usar cada uno?

"Tienen el mismo efecto. Sin embargo, XHTML, una versión más limpia y nueva de HTML, recomienda el uso de la etiqueta  . Fuerte es mejor porque es más fácil de leer; su significado es más claro. Además,  transmite un significado, que muestra el texto con firmeza, mientras que  (en negrita) transmite un método, el texto está en negrita. Con fuerte, su código aún tiene sentido si usa hojas de estilo CSS para cambiar los métodos para hacer que el texto sea fuerte.

Lo mismo ocurre con la diferencia entre  y  ".

Dixit de Google:

http://wiki.answers.com/Q/What_is_the_difference_between_HTML_tags_b_and_strong

Aquí hay un resumen de las definiciones junto con el uso sugerido:

 ... un intervalo de texto al que se llama la atención con fines utilitarios sin transmitir ninguna importancia adicional y sin la implicación de una voz o estado de ánimo alternativos, como palabras clave en un resumen de documento, nombres de productos en una revisión, palabras procesables en un software interactivo impulsado por texto, o un artículo publicado .

 ... ahora representa importancia en lugar de un énfasis fuerte.

 ... un intervalo de texto en una voz o estado de ánimo alternativo, o compensado de otra manera con la prosa normal de una manera que indica una calidad diferente del texto, como una designación taxonómica , un término técnico , una frase idiomática de otro idioma , un pensamiento , o un nombre de nave en textos occidentales.

 ... indica énfasis.

(Estas son todas citas directas de fuentes del W3C, con mi énfasis agregado. Ver: https://rawgithub.com/whatwg/html-differences/master/Overview.html#changed-elements and http://www.w3.org/TR/html401/struct/text.html#h-9.2.1 para los originales)

Como han dicho los demás, la diferencia es que los estilos de fuente de código   y  , mientras que  y  dictan un significado semántico, con el estilo de fuente (o la entonación del navegador, o lo que sea que tengas) se determinará en el momento en que el texto se represente (o se pronuncie).

Puede pensar que esto es una diferencia entre un estilo de fuente "físico" y un estilo "lógico", por así decirlo. En algún momento posterior, es posible que desee cambiar la forma  se muestran el texto  y  , por ejemplo, modificando las propiedades en una hoja de estilo para agregar cambios de color y tamaño, o incluso para utilizar diferentes tipos de letra por completo. Si ha usado el marcado "lógico" en lugar del marcado "físico" codificado, entonces simplemente puede cambiar las propiedades de visualización en un lugar en su hoja de estilo, y luego todas las páginas que hacen referencia a esa hoja de estilo se cambian automáticamente , sin Siempre teniendo que editarlos.

Bastante astuto, ¿eh?

Esta es también la razón detrás de la definición de los subestilos (referenciados con la propiedad style= en las etiquetas de texto) para párrafos, celdas de tabla, texto de encabezado, títulos, etc., y el uso de etiquetas <div> . Puede definir la representación física para sus estilos lógicos en la hoja de estilo, y los cambios se reflejan automáticamente en las páginas web que hacen referencia a esa hoja de estilo. ¿Quieres una representación diferente para el código fuente? Redefina la fuente, el tamaño, el peso, el espaciado, etc. para su estilo de "código".

Si usa XHTML, incluso puede definir sus propias etiquetas semánticas, y su hoja de estilo haría las conversiones a estilos de fuente físicos y diseños para usted.

Como han dicho otros, y son explícitos (es decir, "haga que este texto esté en negrita"), mientras que y son semánticos (es decir, "este texto debe ser enfatizado").

En el contexto de un navegador web moderno, es difícil ver la diferencia (ambos parecen producir el mismo resultado, ¿no?), Pero piense en lectores de pantalla para personas con discapacidades visuales. Si un lector de pantalla se encontrara con una etiqueta , no sabría qué hacer. Pero si aparece una etiqueta , sabe que todo lo que esté dentro debe ser enfatizado para el oyente. Y ahí se obtiene la diferencia práctica.

Debes intentar evitar  y  . Se introdujeron para "diseñar" la página (como la etiqueta de font eliminada mientras tanto) y el diseño no es nada que deba hacerse en HTML, debe hacerse en CSS (HTM == Estructura, CSS == Diseño). Estas etiquetas también pueden desaparecer en el futuro, después de todo, simplemente puede usar CSS y etiquetas de span para hacer que el texto aparezca en negrita / cursiva.

 y  solo dicen que algo está "enfatizado" o "enfatizado fuertemente", deja al hermano completamente abierto cómo hacerlo. La mayoría de los navegadores se muestran en cursiva y en negrita, pero no están obligados a hacerlo (pueden usar diferentes colores, tamaños de fuente, fuentes, lo que sea). Puede usar CSS para cambiar el comportamiento de la forma que desee. Puedes ponerlo en negrita si lo deseas y en negrita fuerte y rojo, por ejemplo.

Si bien  y  son, por supuesto, más correctos desde el punto de vista semántico, parece que existen razones legítimas para usar las etiquetas  y  para el contenido escrito por el cliente.

En dicho contenido, las palabras o frases pueden estar en negrita o en cursiva y generalmente no nos corresponde analizar el razonamiento semántico para dicha negrita o cursiva.

Además, dicho contenido puede referirse a palabras y frases en negrita y en cursiva para transmitir un significado específico.

Un ejemplo sería una pregunta de examen de inglés que instruya a un estudiante a reemplazar la palabra en negrita.

Tienen el mismo efecto en los motores de renderizado de los navegadores web normales , pero existe una diferencia fundamental entre ellos.

Como el autor escribe en un post de la lista de discusión :

Piensa en tres situaciones diferentes:

navegadores web
gente ciega
teléfonos móviles

"Negrita" es un estilo: cuando dices "una palabra en negrita" , la gente básicamente sabe que significa agregar más, digamos "tinta", alrededor de las letras hasta que se destaquen más entre el resto de las letras.

Eso, desafortunadamente, no significa nada para una persona ciega. En los teléfonos móviles y otras PDA, el texto ya está en negrita porque la resolución de la pantalla es muy pequeña. No puedes negrita una negrita sin arruinar algo.

 es un estilo : sabemos cómo se ve "negrita".

 sin embargo, es una indicación de cómo se debe entender algo . "Fuerte" podría (y suele significar) "negrita" en un navegador, pero también podría significar un tono más bajo para un programa oral como Jaws (para personas ciegas) o ser representado por un subrayado (ya que no se puede poner una negrita). negrita) en un Palm Pilot.

HTML nunca fue pensado para ser sobre estilos. Haga algunas búsquedas para "Tim Berners-Lee" y "la web semántica".  es semántico: describe el texto que rodea (por ejemplo, "este texto debe ser más fuerte que el resto del texto que se muestra" ) en lugar de describir cómo se debe mostrar el texto que rodea (por ejemplo, "este el texto debe estar en negrita " ).

Utilícelos solo si el uso de las clases de estilo CSS es, por cualquier motivo, poco o imposible (como los sistemas de blog, permite que solo algunas etiquetas se utilicen en publicaciones y, finalmente, en estilos incrustados). Otra razón es la compatibilidad con navegadores muy antiguos (¿algunos dispositivos móviles?) O motores de búsqueda primitivos (que dan puntos para las etiquetas  o  , en lugar de analizar los estilos CSS).

Si puedes definir estilos CSS, úsalos.

Utilizamos la etiqueta  para el texto que tiene una alta prioridad para fines de SEO como el nombre del producto, el nombre de la empresa, etc., mientras que  simple lo hace en negrita.

De manera similar, usamos  para el texto que tiene alta prioridad para SEO, mientras que  hace que el texto sea simplemente cursivo.

Utilizo tanto como , en realidad, exactamente por las razones mencionadas en este hilo de respuestas. Hay momentos en que algunos textos que aparecen en negrita simplemente se ven mejor, pero no es, necesariamente, semánticamente más importante que el resto de la oración. Aquí hay un ejemplo de una página en la que estoy trabajando ahora:

"Recupera todos libros sobre lacrosse ".

En esa oración, la palabra "todo" es muy importante, y "lacrosse" no tanto. Simplemente lo quería en negrita porque representa un término de búsqueda, así que quería una separación visual. Si está viendo la página con un lector de pantalla, realmente no creo que deba ir más allá para enfatizar la palabra "lacrosse".

Tendría a imaginar que la mayoría de los desarrolladores web usan uno de los otros, pero ambos están bien. definitivamente no está en desuso, como han dicho algunas personas. Para mí, es solo una delgada línea entre el atractivo visual y el significado.

i, b, em y tags fuertes son tradicionalmente representativos. Pero se les ha dado un nuevo significado semántico en html5 .

i y b se usaron para el estilo de fuente en html4. Fui usado para cursiva y b para negrita. En html5. La etiqueta i tiene un nuevo significado semántico de '' voz o estado de ánimo alternativo '' y la etiqueta b tiene el significado de compensación estilística .

Ejemplos de usos de la etiqueta i son: designación taxonómica, término técnico, frase idiomática de otro idioma, transliteración, un pensamiento, nombres de barcos en textos occidentales. Como -

I hope this works, he thought.

Ejemplos de usos de la etiqueta b son palabras clave en un extracto de documento, nombres de productos en una revisión, palabras procesables en un software impulsado por texto interactivo, artículo principal.

El siguiente párrafo de ejemplo se desplaza estilísticamente de los párrafos que lo siguen.

The event takes place this upcoming Saturday, and over 3,000 people have already registered.

em y strong tenían el significado de énfasis y énfasis en html4. Pero en html5 em significa énfasis acentuado y fuerte significa gran importancia .

En el siguiente ejemplo, debería haber un cambio lingüístico al leer la palabra antes ...

Make sure to sign up before the day of the event, September 16, 2016

En el mismo ejemplo podemos usar la etiqueta fuerte como sigue ...

Make sure to sign up before the day of the event, September 16, 2016

Para dar importancia en la fecha del evento.

Ref. MDN:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong

 y  deben evitarse porque describen el estilo del texto. En su lugar, use  y  porque eso describe la semántica (el significado) del texto.

Al igual que con todas las cosas en HTML, debe estar pensando no en cómo quiere que se vea , sino en lo que realmente quiere decir . Claro, puede que solo sea negrita y cursiva para usted, pero no para un lector de pantalla.

 y  están relacionados con el estilo, mientras que  y  son semánticos. En HTML 4, los primeros se clasifican como elementos de estilo de fuente y los últimos como elementos de frase .

Como indicó correctamente,  y  menudo se consideran similares, porque los navegadores a menudo muestran ambos en cursiva. Pero de acuerdo con las especificaciones,  indica énfasis y  indica un énfasis más fuerte , lo cual es bastante claro, pero a menudo se malinterpreta. Por otro lado, la distinción entre cuándo usar  o  es realmente una cuestión de estilo.

 y  son explícitos, especifican negrita y cursiva respectivamente.

 y  son semánticos: especifican que el texto adjunto debe ser "fuerte" o "enfatizado" de alguna manera, generalmente en negrita y cursiva, pero permite que el estilo real se controle a través de CSS. Por lo tanto, estos son los preferidos en las páginas web modernas.

 y  consumen más ancho de banda que  y  .

También requieren más escritura (si no se generan automáticamente).

También saturan la pantalla del editor con más texto. Me parece recordar que a los programadores les gustan los archivos fuente más pequeños si son los mismos. (Y seamos realistas, son lo mismo. Sí, hay diferencias "técnicas" ( tos , ejem, perdóname), pero para empezar, eso es sobre todo falso).

Con cualquiera de las etiquetas anteriores, puede usar las hojas de estilo para personalizar cómo se ven, como quiera que sea, si necesita que aparezcan diferentes a sus representaciones predeterminadas.

 y  agregan un significado semántico adicional a su documento. Da la casualidad de que también le dan un estilo negrita y cursiva a su texto.

Por supuesto, podría anular su estilo con CSS.

 y  por otra parte, solo aplican el estilo de fuente y ya no deben usarse. (¡Debido a que se supone que debes formatear con CSS, y si el texto fuera realmente importante, probablemente lo harías "fuerte" o "enfatizado" de todos modos!)

Espero que tenga sentido.

 y  son abstractos (lo que quiere decir la gente cuando dicen que es semántico).  y  son formas específicas de hacer algo "fuerte" o "enfatizado"

 :  :: vehículo :: jeep

Elementos de formato HTML:

HTML también define elementos especiales para definir texto con un significado especial. HTML utiliza elementos como y para dar formato a la salida, como el texto en negrita o cursiva.

HTML en negrita y formato fuerte:

El elemento HTML define el texto en negrita, sin ninguna importancia adicional.

This text is bold

El elemento HTML define texto fuerte, con importancia semántica "fuerte" agregada.

This text is strong

HTML en cursiva y en formato acentuado:

El elemento HTML define el texto en cursiva, sin ninguna importancia adicional.

This text is italic

El elemento HTML define texto enfatizado, con importancia semántica añadida.

This text is emphasized

b o i significa que desea que el texto se represente en negrita o cursiva. strong o em significa que desea que el texto se represente de una manera que el usuario entienda como "importante". El valor predeterminado es que se muestre fuerte en negrita y en cursiva, pero algunas otras culturas pueden usar un mapeo diferente.

Al igual que las cadenas en un programa, byi estaríamos "codificados" mientras que fuerte y em estarían "localizados".

html - sirve - ¿Cuál es la diferencia entre<b> y<strong>,<i> y<em>?

strong html para que sirve (19)