Quelle est la différence entre «& nbsp;» et «»?

Les deux signifient l’espace, mais y a-t-il une différence?

L’un est un espace insécable et l’autre un espace régulier. Un espace insécable signifie que la ligne ne doit pas être enveloppée à cet endroit, tout comme elle ne serait pas enveloppée au milieu d’un mot.

En outre, comme le souligne Svend dans son commentaire, les espaces non-cassants ne sont pas réduits.

L’entité   produit un espace insécable, utilisé lorsque vous ne voulez pas de saut de ligne automatique à cette position. L’espace régulier a le code de caractère 32, tandis que l’espace insécable a le code de caractère 160.

Par exemple, lorsque vous affichez des nombres avec un espace comme séparateur de milliers: 1 234 567, vous utilisez alors des espaces insécables pour que le nombre ne puisse pas être divisé sur des lignes séparées. Si vous affichez une devise et qu’il y a un espace entre le montant et la devise: 42 SEK, vous utilisez un espace insécable pour ne pas obtenir le montant sur une ligne et la devise sur la suivante.

En plus des autres réponses, les espaces ininterrompus ne seront pas “effondrés” comme le feront les espaces normaux. Par exemple, les deux

 

Word1 Word2

et

 

Word1 Word2

rendra le même sur n’importe quel navigateur, alors que

 

Word1      Word2

conservera les espaces lors du rendu.

Pas une réponse autant qu’un exemple ..

Exemple 1:

 
Hello There

Exemple # 2:

 
Hello There

Et lien vers le violon

Plusieurs espaces blancs normaux (espace, tabulation et saut de ligne) sont traités comme un seul espace blanc :

Pour tous les éléments HTML à l’exception de PRE , les séquences d’espaces blancs séparent les “mots” (nous utilisons ici le terme “mot” pour désigner les “séquences d’espaces non blancs”). Lors du formatage du texte, les agents utilisateurs doivent identifier ces mots et les disposer conformément aux conventions du langage écrit (script) et du support cible.

Alors

 foo bar 

est affiché comme

 foo bar 

Mais l’espace sans interruption est toujours affiché. Alors

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

est affiché comme

 foo bar 

Comme déjà mentionné, vous ne recevrez pas de saut de ligne où il y a un “espace sans interruption”.

Méfiez-vous également, les éléments ne contenant qu’un “” peuvent apparaître de manière incorrecte, où & nbsp; marchera. En 6 au moins (pour autant que je me souvienne, IE7 a le même problème), si vous avez un élément de tableau vide, il n’appliquera pas de style, par exemple des bordures, à l’élément, ou seulement du blanc espace. Donc, les éléments suivants ne seront pas rendus avec des bordures:

    

Alors que les frontières apparaîtront dans cet exemple:

 & nbsp; 

Hmm -avait de mettre un espace factice pour le rendre correctement ici

Vous pouvez voir un exemple de travail ici:

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

et

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

Même div, même texte, différents “espaces”

 
[loooong text with spaces]

contre

 
[loooong text with  ]

Il existe de nombreux types d’espaces différents, tels que l’espace réduit, l’espace, l’espace non cassant… Jon Tan a écrit les plus courantes sur son blog .

Le premier n’est pas traité comme un espace blanc par l’parsingur HTML, le second est. Par conséquent, le “” n’est pas garanti pour apparaître dans certains balises HTML, tandis que l’espace non-cassable apparaîtra toujours.

@ Zoidberg a raison, exemple:

 

title

date

n’affichera pas d’espace entre les balises d’en-tête, avec

 & nbsp ; 

fera de l’espace 🙂

  devrait être traité comme un espace.

   devrait être traité comme deux espaces blancs

” peut être traité comme un espace blanc non intéressant

” + ” peut être traité comme un simple ”

Lorsque vous avez des sauts de ligne, la ligne ne se casse pas lorsque vous utilisez un $ bnsp; parce que c’est un «espace sans rupture». Cela peut être important si vous avez certains noms de produits ou autres, qui doivent toujours être écrits ensemble.

Cela peut être intéressant si vous devez utiliser un espace comme séparateur numérique, comme 12344567, qui est affiché en France. Sans la ligne, la ligne se briserait au milieu du numéro, très laide. Test: 12 344 567

  est empilable, ce qui signifie que vous pouvez créer plusieurs espaces tous ensemble.

HTML ne fait qu’parsingr un espace ” et il laisse tomber le rest …

Si vous voulez cinq espaces, vous placeriez 5 x