« # »

¿Qué es nbsp en html? ( )

Cuando pienso en NBSP, veo espacios en blanco, veo un universo de posibilidades, veo un agujero negro, veo … mucho cuento. Realmente NBSP es un código que se utiliza para definir “NON BREAKING SPACE”, o lo que es lo mismo, un espacio en blanco que no se puede partir.

En HTML se utiliza principalmente para forzar espacios en blanco entre palabras que no se pueden separar, por ejemplo “hola mundo”, en código HTML podría ser “hola mundo” y tan anchos, que esto no se parte.

Con el rollo de no partirse, me refiero a que al final de una línea, se forzaría el salto de línea antes de la palabra que precede al espacio, os pongo un gráfico.

QUE ES NBSP

En la web de la W3c podemos encontrar alguna información interesante acerca del NBSP

  • No utilizar los   como texto alternativo de imagenes.
  • Tambien podemos utilizar   en su lugar.
  • Podemos utilizar la etiqueta nowrap para simular el uso de   en un parágrafo entero.
  • Si estamos utilizando tablas para tabular información, podemos utilizar   para conseguir que al estrecharse la tabla, no nos fuerze un salto de línea en el título.

Aunque el uso de la expresión NBSP no se limita al HTML, es en este donde se hace mayor uso de él, y de paso, al ser ésta una página de tematica web (principalmente) pues prefiero centralizar la explicación en el mismo.

Y para que nadie menée esta entrada del blog, diré que está patrocinada por mi proveedor de dominios y alojamiento web.

Comentarios

  1. Andres | octubre 10th, 2006 | 8:30 pm

    Esta buena y bien facil de entender…

  2. Cristian | octubre 23rd, 2006 | 4:31 pm

    Muy bueno los blogs son de gran ayuda…Cristian

  3. Gaston | febrero 1st, 2007 | 11:37 pm

    Gracias por la info, me saco de unos problemillas

  4. Comentarios de Wordpress en un cuadros de dialogo con algo de CSS. at Jorgelig | junio 24th, 2007 | 5:12 pm

    [...] Nota: nbsp fue utilizado para simular un espacio no divisible y por lo tanto engañar al navegador que hay informacion y por lo tanto le ponga el fondo que le decimos XD Temas Relacionados:Instant UpgradeInstantUpgrade pluginUna lavadita de cara a Jorgelig Blog.Agregando una aplicación al menú K [...]

  5. Elemento WordPress » Blog Archive » Comentarios de Wordpress en un cuadros de dialogo con algo de CSS. | junio 24th, 2007 | 8:48 pm

    [...] Nota: nbsp fue utilizado para simular un espacio no divisible y por lo tanto engañar al navegador que hay informacion y por lo tanto le ponga el fondo que le decimos XD Escrito para WordPress, Tips, Temas . [...]

  6. Alberto | agosto 6th, 2007 | 8:11 pm

    Gracias, tenía dudas al respecto. En mi nueva web aparecía en los metatags y no me lo explicaba, ya que yo realizaba la introducción de textos manualmente desde una interface web y luego esta me introducía los ” ” al subir los cambios…??? “porque sí” :) gracias ahora se que no estoy tan loco.

  7. Jomer Rodríguez | septiembre 3rd, 2007 | 6:44 pm

    Esta muy didactica, y va directo al punto la información que colocaste

  8. Mauro | octubre 26th, 2007 | 2:08 pm

    Me ayudo.. corto y conciso

  9. Elisa | enero 16th, 2008 | 7:12 pm

    Muy buena explicación.
    Saludos dede Argentina.

    E.

  10. Roland | noviembre 7th, 2008 | 10:00 pm

    Muy Buena aportacion, mis felicitaciones .

  11. machin | noviembre 18th, 2008 | 7:11 pm

    Muy buena explicación.
    Saludos desde corrientes argentina..

  12. Daniel | enero 12th, 2009 | 4:05 pm

    Muy buena explicación, gracias !

  13. Cris | marzo 31st, 2009 | 6:06 pm

    muy bueno. saludos

  14. David | junio 9th, 2009 | 3:03 am

    ke mierda es bounge…

  15. tirengarfio | junio 25th, 2009 | 1:03 pm

    Muy sencillita y muy visual la explicacion. Gracias.

    Por cierto, usa “IceCat” que es libre del to!

  16. TOP | septiembre 19th, 2009 | 1:43 am

    Muy buena info!
    Me has ayudado a entender dichosa palabra.
    ;-)

  17. Vlad | octubre 8th, 2009 | 6:58 pm

    Muy buena explicacion y lo bueno que va directo al grano sin dar tantas vueltas

  18. Mary | diciembre 19th, 2009 | 7:58 am

    Hola, yo tengo un problemilla, cuando abro mi historial de conversacion y le doy click a algun contacto para leer el historial me sale entidad no definida nbsp, alguien pudiera decirme que significa o como repararlo por favor>? hasta antier podia leer todos mis historiales sin ningun problema, de antemano gracias

  19. Rikk | marzo 3rd, 2011 | 2:55 am

    excelente explicación hermano, de mucha ayuda, yo lo entendí gracias a tu post. grande!

  20. miguel | mayo 28th, 2011 | 6:04 am

    Muy buenoo!!.Oye de casualidad me podrias decir como hiciste tu blog de comentarios?

  21. Mr.e! | junio 23rd, 2011 | 5:50 pm

    Muy buena expo del tema.. gracias…

  22. ReDilmaster | septiembre 21st, 2011 | 11:36 pm

    Genial! Excelente explicación, gracias!

  23. Fitipaldius | octubre 3rd, 2011 | 11:04 pm

    Buena explicación, me a sido muy útil, gracias.

  24. LEIDY | octubre 6th, 2011 | 2:14 am

    H.,. ASME UN FA ES Q CADA VES Q ABLO CON MIS AMIGOS EN EL FEIS ME APARECE EL %NBSP; Y QUISERA SAVER KOMO QUITARLO LA VERDA ME INCOMODA Y MUCHOSSS DICEN Q NO ME ENTIENDEN POR FA COLABORENMEN GRASIASSSSSS.,.,.,¡¡¡POR FAVORRRR

Deja un comentario

(*: Datos necesarios para dejar un comentario)

Get Adobe Flash player