tabulador - space html5

¿Cuál es la diferencia entre "& nbsp;" y ""?

Question

Ambos significan espacio, pero ¿hay alguna diferencia?

Answer 1

@Zoidberg tiene razón, ejemplo:

<h1>title</h1> <h2>date</h2>

no mostrará espacio entre el marcado del encabezado, con

& nbsp ; 

hará espacio :)

Answer 2

Además de las otras respuestas aquí, los espacios sin interrupción no se "colapsarán" como lo harán los espacios comunes. Por ejemplo, ambos

<p>Word1          Word2</p>

y

<p>Word1 Word2</p>

hará lo mismo en cualquier navegador, mientras

<p>Word1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Word2</p>

mantendrá los espacios cuando se represente.

Answer 3

Al tener saltos de línea, la línea no se romperá cuando use $ bnsp; porque es un "espacio sin interrupciones". Esto puede ser importante si tiene ciertos nombres de productos o similares, que siempre se escribirán juntos.

Puede ser interesante si tiene que usar un espacio en blanco como delimitador en números, como 12344567, que se muestra en 12 344 567 en Francia. Sin la línea se rompería en medio del número, muy feo. Prueba: 12 344 567

Answer 4

Como ya se mencionó, no recibirá un salto de línea donde haya un "espacio sin interrupción".

También tenga cuidado, los elementos que contienen solo un "" pueden aparecer incorrectamente, donde & nbsp; trabajará. En ie 6 como mínimo (por lo que recuerdo, IE7 tiene el mismo problema), si tiene un elemento de tabla vacío, no aplicará estilo, por ejemplo, bordes, al elemento, si no hay contenido, o solo blanco espacio. Por lo tanto, lo siguiente no se representará con bordes:

<td></td>
<td> <td>

Mientras que los bordes aparecerán en este ejemplo:

<td>& nbsp;</td>

Hmm-tenía que poner en un espacio ficticio para que funcione correctamente aquí

Answer 5

El primero no es tratado como espacio en blanco por el analizador de HTML, el segundo es. Como resultado, no se garantiza que "" aparezca dentro de ciertas marcas HTML, mientras que el espacio no rompible siempre aparecerá.

Answer 6

Hay muchos tipos diferentes de espacios, como espacio delgado, espacio em, espacio sin interrupción ... Jon Tan ha realizado una descripción de los más comunes en su blog .

Answer 7

Múltiples caracteres de espacio en blanco normal (espacio, tabulador y salto de línea) se tratan como un único carácter de espacio en blanco :

Para todos los elementos HTML, excepto PRE , las secuencias de espacios en blanco separan "palabras" (utilizamos el término "palabra" aquí para indicar "secuencias de caracteres que no son de espacios en blanco"). Al formatear texto, los agentes de usuario deben identificar estas palabras y presentarlas de acuerdo con las convenciones del lenguaje escrito particular (guión) y el medio de destino.

Asi que

foo    bar

se muestra como

foo bar

Pero el espacio sin interrupciones siempre se muestra. Asi que

foo&‍nbsp;&‍nbsp;&‍nbsp;bar

se muestra como

foo   bar

Answer 8

No es una respuesta tanto como un ejemplo ...

Ejemplo 1:

<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
    Hello&nbsp;There
</div>  

Ejemplo # 2:

<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
    Hello There
</div>

Y enlace a fiddle .

Answer 9

Puedes ver un ejemplo de trabajo aquí:

http://codepen.io/anon/pen/GJzBxo

y

http://codepen.io/anon/pen/LVqBQo

Mismo div, mismo texto, diferentes "espacios"

<div style="width: 500px; background: red"> [loooong text with spaces]</div>

vs

<div style="width: 500px; background: red"> [loooong text with &nbsp;]</div>

Answer 10

Uno es espacio sin interrupción y el otro es un espacio regular. Un espacio sin interrupciones significa que la línea no debe estar envuelta en ese punto, al igual que no estaría envuelta en el medio de una palabra.

Además, como señala Svend en su comentario, los espacios sin interrupción no se colapsan.

Answer 11

  debe manejarse como un espacio en blanco.

   debe manejarse como dos espacios en blanco

'''' se puede manejar como un espacio en blanco no interesante

'''' + '''' se puede manejar como un solo ''''

Answer 12

  es apilable, lo que significa que puedes crear múltiples espacios todos juntos.

HTML solo analizará un espacio '''' y descarta el resto ...

Si quiere cinco espacios, colocaría 5 x  

Answer 13

La entidad   produce un espacio sin interrupciones, que se usa cuando no se quiere un salto de línea automático en esa posición. El espacio regular tiene el código de carácter 32, mientras que el espacio de no separación tiene el código de carácter 160.

Por ejemplo, cuando visualiza números con espacio como separador de miles: 1 234 567, utiliza espacios sin interrupción para que el número no pueda dividirse en líneas separadas. Si muestra la moneda y hay un espacio entre el monto y la moneda: 42 SEK, entonces utiliza un espacio sin interrupción para que no obtenga el monto en una línea y la moneda en la siguiente.