Nieprzestrzegająca przestrzeń w łańcuchu HTML

W fazie formatowania strony internetowej lub strony internetowej istnieją pewne funkcje lub zawarte elementy, takie jak określony tekst, obrazy, filmy, tabele itp. W takim przypadku umieszczenie nie-rozbicia przestrzeni w ciągu HTML jest bardzo pomocne w zapobieganiu przejściu tekstu do nowej linii/strony.

Ten zapis wyjaśni działanie różnych podmiotów w celu dodania nieistotnej przestrzeni w ciągu HTML.

Jak dodać nie do przełomowego miejsca w ciągu HTML?

Do łańcucha HTML można dodać przestrzeń, stosując następujące podejścia:

• „&Ensp" I "&EMSP„Podmioty
• "" I "I Thinsp„Podmioty
• " " Podmiot

PRZYKŁAD 1: Dodaj nie do przełomowego miejsca w ciągu HTML przy użyciu jednostek & Ensp i & EMSP

„„I Ensp„Jednostka służy do umieszczenia”dwa„Puste przestrzenie w ciągu HTML. „„i EMSP„Jednostka umieszcza szerszą przestrzeń obejmującą„cztery„Puste przestrzenie w ciągu HTML. Podmioty te będą stosowane osobno na dwóch różnych ciągach HTML w poniższym przykładzie.

Strona internetowa

Strona internetowa

W powyższym przykładzie określ następujące nagłówki w „”Tag dołączony do„onmouseover„Wydarzenie wywołujące funkcję nonbreak ()

Przejdź do części kodu JavaScript:

W powyższym kodzie JS,

• Dokonaj funkcji o nazwie „nonbreak ()".
• W swojej definicji uzyskaj dostęp do określonych nagłówków za pomocą „dokument.QuerySelelect ()" metoda.
• Następnie zastosuj „I Ensp„Entity, by złamać ciąg w taki sposób, że dokładnie„2„Puste przestrzenie są umieszczane na pozycji określonej jednostki.
• Podobnie zastosuj „i EMSP" podmiot. Obejmuje ten podmiot na określonej pozycji „4„Puste przestrzenie w innym ciągu.

Wyjście

Przykład 2: Dodaj nie do rozbicia przestrzenią w ciągu HTML za pomocą jednostek i i thinsp

„„„Jednostka można zastosować, aby umieścić jedną pustą przestrzeń i„I Thinsp„Jednostka umieszcza również jedną pustą przestrzeń, ale jest stosunkowo cienki. W poniższym przykładzie podmioty zostaną zastosowane na dwóch różnych strunach.

Pyton

JavaScript

Po pierwsze, powtórz wyżej wymyślone podejścia do włączenia określonych nagłówków o dołączonym „onmouseover„Przekierowanie zdarzenia do funkcji nonbreak ()

Postępuj zgodnie z poniższą częścią kodu JavaScript:

funkcja nonbreak ()
var element = dokument.querySelelect („#element”);
var element1 = dokument.querySelelect („#element1 ');
element.innerhtml = „py thon”;
element1.innerhtml = „skrypt Java”;

W powyższym kodzie JS:

• Zdefiniuj funkcję nazwaną „nonbreak ()".
• Podobnie, dostęp do określonych nagłówków przed użyciem „dokument.QuerySelelect ()" metoda.
• Teraz zastosuj „„Jednostka do zastosowania pojedynczej przestrzeni nie rozbijającej się w określonej pozycji między wartością ciągu a wyświetlenie tej zaktualizowanej wartości modelu obiektu dokumentu (DOM) przy użyciu„Innertext”Właściwość poprzez zastąpienie określonej tej samej wartości bez żadnego miejsca.
• Podobnie zastosuj „I Thinsp„Entity do innego łańcucha. Spowoduje to umieszczenie stosunkowo cieńszej pojedynczej pustej przestrzeni pomiędzy nimi i wyświetlenie go na DOM, jak omówiono w poprzednim kroku

Wyjście

Przykład 3: Dodaj nie do rozbicia miejsce w ciągu HTML za pomocą encji  

„„ ”To liczba liczbowa, która również umieszcza jedną pustą przestrzeń. Ten byt zostanie zastosowany w poniższym przykładzie, aby oddzielić wartość ciągu na dwie połówki.

Postępuj zgodnie z podanym poniżej kodem Snippet:

JavaScript

Kliknij, aby dodać nie do przełomowego miejsca>/przycisk>
funkcja nonbreak ()
var element = dokument.querySelelect („#element”);
element.innerhtml = „skrypt Java”;

• Po pierwsze, uwzględnij następujące nagłówek z określonym „ID„Aby umieścić w nim nieokreślone przestrzenie.
• Następnie utwórz przycisk i dołącz „na kliknięcie„Zdarzenie do niego wywołujące funkcję nonbreak ().
• W kodzie JS zadeklaruj funkcję o nazwie „nonbreak ()". W swojej definicji dostęp do określonego nagłówka przez „ID”Korzystanie z„ Document.QuerySelelect ()" metoda.
• Na koniec zastosuj jednostkę liczbową „ ”Dwa razy, co spowoduje umieszczenie dwóch pustych przestrzeni między sznurkiem. „„Innertext”Właściwość odpowiednio przekształci określony ciąg HTML w DOM.

Wyjście

W tym artykule pokazano różne podmioty, które mogą umieścić przestrzeń nie przełomową w ciągu HTML.

Wniosek

„„I Ensp" I "i EMSP„Podmioty,„" I "I Thinsp„Podmioty lub„ „Jednostka liczbowa może być wykorzystana do umieszczenia przestrzeni nieokreślonej w ciągu HTML. Podmioty & Ensp i i EMSP można zastosować na miejscu ”2" I "4”Puste przestrzenie odpowiednio w ciągu HTML. Podmioty i i thinsp można wdrożyć, aby umieścić odpowiednio jedną pustą przestrzeń i stosunkowo cieńszą pustą przestrzeń. Do umieszczenia pojedynczej pustej przestrzeni można również użyć encji liczbowej. Ten blog wyjaśnił wdrożenie różnych podmiotów do zastosowania przestrzeni nie przełomowej w ciągu HTML.