Espace non révolutionnaire dans une chaîne HTML

Dans la phase de la mise en forme d'une page Web ou d'un site Web, il existe des fonctionnalités ou des éléments inclus tels que certains texte spécifiques, images, vidéos, tables, etc. qui n'ont pas besoin d'être divisés ou espacés entre deux lignes. Dans un tel cas, la placement d'un espace non révolutionnaire dans une chaîne HTML est très utile pour empêcher le texte de passer à une nouvelle ligne / page.

Cet article expliquera le fonctionnement de diverses entités pour ajouter un espace non ruine dans une chaîne HTML.

Comment ajouter un espace non révolutionnaire dans une chaîne HTML?

Un espace non révolutionnaire peut être ajouté à une chaîne HTML en appliquant les approches suivantes:

• «&ENSP" et "&EMSP«Entités
• "" et "& thinsp«Entités
• "& # 160" Entité

Exemple 1: Ajoutez un espace non révolutionnaire dans une chaîne HTML à l'aide des entités & ENSP et EMSP

Le "& Ensp"L'entité est utilisée pour placer"deux”Espaces vierges dans une chaîne HTML. Le "& EMSP«L'entité place un espace plus large comprenant«quatre”Espaces vierges dans une chaîne HTML. Ces entités seront appliquées séparément sur deux chaînes HTML différentes dans l'exemple ci-dessous.

Site Internet

Page web

Dans l'exemple ci-dessus, spécifiez les titres suivants dans le ««Tag attachée avec un«onduir”Événement invoquant la fonction non cassée ()

Passez à la partie javascript du code:

Dans le code JS ci-dessus,

• Déclarer la fonction nommée «Non-Break ()".
• Dans sa définition, accédez aux titres spécifiés à l'aide du «document.QuerySelector ()" méthode.
• Après cela, appliquez le «& Ensp"Entité pour briser la chaîne de telle manière que exactement"2«Des espaces vierges sont placés à la position de l'entité spécifiée.
• De même, appliquez le «& EMSP" entité. Cette entité à la position spécifiée s'appliquera «4”Espaces vides dans une autre chaîne.

Sortir

Exemple 2: Ajoutez un espace non révolutionnaire dans une chaîne HTML en utilisant les entités et & thinsp

Le "«L'entité peut être appliquée pour placer un seul espace vierge et le« «& thinsp»L'entité place également un seul espace vierge, mais il est relativement mince. Dans l'exemple suivant, ces entités seront appliquées sur deux chaînes différentes.

Python

Javascrip

Premièrement, répétez les approches ci-dessus pour inclure les titres spécifiés ayant un attaché «onduir”Redirection des événements vers la fonction non cassée ()

Suivez la partie JavaScript ci-dessous du code:

fonction nonbreak ()
var élément = document.queySelector ('# élément');
var element1 = document.queySelector ('# element1');
élément.innerhtml = 'py thon';
élément1.innerHtml = 'Java Script';

Dans le code JS ci-dessus:

• Définissez la fonction nommée «Non-Break ()".
• Ici, de même, accédez aux titres spécifiés avant d'utiliser le «document.QuerySelector ()" méthode.
• Maintenant, appliquez le «”Entité pour appliquer un seul espace non révolutionnaire à la position particulière entre la valeur de la chaîne et afficher cette valeur mise à jour sur le modèle d'objet de document (DOM) à l'aide du«texte de texte»Propriété en remplaçant la même valeur spécifiée sans aucun espace.
• De même, appliquez le «& thinsp»Entité d'une autre chaîne. Cela entraînera la mise en place d'un seul espace à blanc simple relativement mince entre les deux et l'afficher sur le DOM comme discuté à l'étape précédente

Sortir

Exemple 3: Ajoutez un espace non révolutionnaire dans une chaîne HTML en utilisant l'entité & # 160

Le "& # 160«Est une entité numérique qui place également un seul espace vierge. Cette entité sera appliquée dans l'exemple ci-dessous pour séparer la valeur de la chaîne en deux moitiés.

Suivez le code-Snippet, donné:

Javascrip

Cliquez pour ajouter un espace non révolutionnaire> / bouton>
fonction nonbreak ()
var élément = document.queySelector ('# élément');
élément.innerHtml = 'Java Script';

• Tout d'abord, incluez le titre suivant avec le spécifié "identifiant«Pour placer les espaces non révolutionnaires.
• Après cela, créez un bouton et attachez un "sur clic”Événement pour invoquer la fonction non cassée ().
• Dans le code JS, déclarez une fonction nommée «Non-Break ()". Dans sa définition, accédez à la rubrique spécifiée par son «identifiant"En utilisant le" documenton.QuerySelector ()" méthode.
• Enfin, appliquez l'entité numérique «& # 160”Deux fois, ce qui entraînera la place de deux espaces vides entre la chaîne. Le "texte de texte”La propriété transformera la chaîne HTML spécifiée sur le DOM en conséquence sur le bouton cliquer.

Sortir

Cet article a démontré diverses entités qui peuvent placer un espace non révolutionnaire dans une chaîne HTML.

Conclusion

Le "& Ensp" et "& EMSP«Entités, le«" et "& thinsp«Entités, ou le«& # 160”L'entité numérique peut être utilisée pour placer l'espace non décomposable dans une chaîne HTML. Les entités & ENSP et EMSP peuvent être appliquées à la place «2" et "4»Espaces vierges dans une chaîne HTML respectivement. Les entités et & thinsp peuvent être mises en œuvre pour placer respectivement un seul espace vierge et un espace vide relativement fin. L'entité numérique & # 160 peut également être utilisée pour placer un seul espace vierge. Ce blog a expliqué la mise en œuvre de diverses entités pour appliquer un espace non décomposable dans une chaîne HTML.