Miért szúr be a Yandex szóközt a szavakba? Mire való a nem törő szóköz a html-ben?

Megfelelő szóköz hozzáadása a HTML-ben. Érvényes elrendezés.

Ha megpróbált webhelyeket beírni, akkor valószínűleg tudja, hogy ha néhány szóközt ír be a szövegbe a billentyűzetről, akkor azok nem kerülnek mentésre. A böngészők egyetlen térként kezelik őket. Ez néha elrendezési problémákhoz vezet. Most megmutatjuk, hogyan adhat hozzá több szóközt egymás után.

Speciális karakterek használata

A hipertext jelölőnyelvben egy speciális karaktert használnak, amelyet a böngészők szóközként értelmeznek. Itt van:

Pontosan a fent bemutatott formában kell beírnia. Ha több szóközt kell beszúrnia egy sorba, illesszen be több ilyen karaktert.

Hogyan nézne ki a kódrészletünk, ha három szóközt szeretnénk hozzáadni egymás után?

A kód tesztrésze

Ha megnyitnánk egy ilyen oldalt a böngészőben, a következőt kapnánk:

A kód tesztrésze

előtag

A szöveg nem mindig formázható megfelelő módon szabványos jelölőcímkékkel. Ugyanakkor a billentyűzetről beírva elérheti a kívánt eredményt. De a végén, amikor böngészőben tekinti meg az oldalt, minden kézi formázás leesik, és sima szöveget kap. Ugyanezt az eredményt kapja, ha manuálisan ad hozzá több, nem törő szóközt egymás után, egyszerűen az azonos nevű billentyűre kattintva.

Hogyan lehet ilyen helyzetben lenni?

Íme egy példa hosszú szóközt tartalmazó szövegre. Ezt úgy kaptuk meg, hogy a szöveget egy PRE tag-be zártuk.

Mint látható, több egymást követő sortörés is elmentésre kerül. Ez a címke erre való. Kézi formázást hagy a benne foglalt szöveghez.

Videó a cikkhez:

Következtetés

Ezeket a módszereket csak speciális szövegformázások beszúrásához használja. Ne használja ezeket a módszereket az elemek helyének meghatározására az oldalon. Például, ha több nem törő szóközt ad hozzá, hogy a következő elem az oldal jobb oldalán legyen. Ehhez használjon stíluslapokat.

Ami?

A html-ben sok különböző címke, attribútum, érték található, amelyeket különféle helyzetekben használnak. Néhányat csak a rendeltetésüknek megfelelően használnak, mások rugalmas beállításokkal rendelkeznek, amelyek lehetővé teszik a különféle változatok használatát. A szokásos címkék mellett a html-ben speciális mnemonikus karakterek is találhatók. Segítségükkel a felhasználók képernyőjén különböző ikonokat, ikonokat stb. Az egyik leghasznosabb speciális karakter a nem törő szóköz. Ezt az elemet ebben a cikkben tárgyaljuk.

Célja

A html-ben a nem törő szóköz sokféle helyzetben használható. Ennek az elemnek a leggyakoribb használata a karakterek vagy szavak közötti térköz természetes növelése. Lehet, hogy néhányan már felháborodnak, és feltesznek egy logikus kérdést: „Miért nem használunk egy normál szóközt a billentyűzet szóköz gombjával?”. A tény az, hogy a böngésző figyelmen kívül hagy minden extra szóközt a szavak vagy karakterek között, kivéve az első hozzárendelt szóközt. Függetlenül attól, hogy hány lesz belőlük az oldal forráskódjában, továbbra is csak egy jelenik meg. Így, ha két vagy több szóközt szeretne egymás után elhelyezni, akkor speciális karaktert kell használnia. Ezenkívül vannak más esetek is, amikor ezt az elemet használják, például:

• Piros vonal. Bár az új bekezdések megjelenítésének ezt a módját már ritkán használják az interneten, még mindig hasznos tudni, hogy ha több szóközt helyez el az elején, akkor behúzás effektust kap.
• Asztal. Előfordul, hogy egy asztal építésénél üres cellák jelennek meg, amelyeket ki kell tölteni valamivel, különben az egész szerkezet deformálódik emiatt. Alternatív megoldásként elhelyezhet egy nem törő szóközt. Ekkor a felhasználók egy üres cellát látnak, és a táblázat olyan marad, mint volt.
• Rajzok a figyelem felkeltésére. Ezzel az elemmel szimbólumokból képet építhet. Vagy néha egy ilyen teret használnak a felhasználók figyelmének összpontosítására.

Alkalmazás

A megszakítás nélküli html szóközt speciális karakterek, nevezetesen "" írásával lehet hozzárendelni. Vagyis ha ezt a bejegyzést beillesztjük a forráskódba, akkor további intervallumot kapunk. Hossza megegyezik a szokásos térrel. A "" szó a "NO-BREAK SPACE" szót jelenti, ami "nem megszakító szóközt" jelent. Használhatja a " " alternatív jelölést, amely ugyanazt a hatást adja.

Sajátosságok

Ennek az elemnek a megkülönböztető jegyei közé tartozik, hogy ha ilyen szóközt tesz két szó (karakter) közé, akkor minden esetben ugyanazon a sorban marad. Egyes esetekben egy vízszintes görgetősáv jelenik meg (amikor az elemek eltűnnek a képernyőről). Néha a fejlesztők csak e funkció miatt használják ezt az elemet. Például amikor nagyon fontos, hogy a szöveg egy sorban legyen.

Következtetés

A legtöbb esetben a nem törő hely haszontalan lesz. Mivel ritkán szükséges hosszú intervallumot beállítani. De így vagy úgy, ismerni kell ezt az elemet. Végtére is, egy nap minden html fájlok fejlesztőjének jól jön.

Ha html fájlokat fejleszt, akkor valószínűleg észrevett egy ilyen funkciót, amikor a böngésző figyelmen kívül hagyja a szóközöket. Korlátlan számú lehet belőlük a forráskódban, de ennek eredményeként csak egy látható. Leggyakrabban egy ilyen korlátozás csak pozitív hatással van az információ kimenetére. Végül is előfordulhat, hogy véletlenül elhelyezhet néhány szóközt, ennek eredményeként a dokumentum rendezetlennek bizonyul. És egy kényszer segítségével a szavak közötti távolság mindig rögzítve lesz. De néha szükség van dupla vagy hármas szóköz létrehozására, a html lehetővé teszi, hogy saját belátása szerint korlátlan távolságot tegyen a szavak között. Számos módja van ennek az igénynek, amelyeket ebben a cikkben tárgyalunk.

Első út

Ha nagyobb távolságra van szükség bizonyos szavak között, speciális html szóközkód használható. Elég, ha hozzáadja az " " bejegyzést, ami növeli a karakterek közötti távolságot. Az ilyen kód normál szóközként használható, azzal az eltéréssel, hogy a böngésző mindig figyelembe veszi, amikor információkat jelenít meg. Ezt a speciális html-területet néha egy piros vonal emulálására vagy egyetlen szövegrész kiemelésére használják. Magáról a kódról érdemes egy kicsit beszélni. Az első karakter az „és” jel. Egy speciális kód működését jelzi. A html-ben sok más kombináció is létezik, amelyek különböző hatásokat adnak. Például a ">" és a "&gl" helyettesíti a " karaktereket<» и «>". Használatuk azért szükséges, mert ezek jelzik a címke elejét és végét. Ebben az esetben az "nbsp" a "nem törő szóköz" parancs rövidített formáját jelenti, ami lefordítva azt jelenti, hogy ennek a parancsnak egy numerikus szóköz van.

amena " ", amely teljesen megismétli egy ilyen tér hatását. Érdemes megjegyezni, hogy ha az „ ” kód a szavak között van, akkor azok mindig ugyanabban a sorban lesznek. Ha túllépnek a képernyő határain, akkor egy görgetősáv jelenik meg a böngészőben. Az „ ” kód egy normál szóköz teljes emulációja.

Második út

A második módszert nagyobb célokra használják. A html-ben szóköz állítható be címkével

Lehetővé teszi a szöveg megjelenítését további formázás nélkül.  Ha ebben a címkében információt helyez el, akkor az eredeti formájában jelenik meg, mint az oldal html kódjában.  Ez nem csak a szóközöket veszi figyelembe, hanem a sortöréseket is.  De érdemes megjegyezni, hogy mint az " " kód esetében, a címkében található szöveg 
Egy sorban kilép, ha nincs természetes fordítás.  Van még egy megjegyzés.  Minden, ami a nyitó és záró címke között van 
Egy adott betűtípus lesz
.
Harmadik út
Ez a módszer nem nevezhető újnak, mert egyszerűen alternatívát kínál a másodikkal szemben.  A lépcsőzetes stíluslapok használatával ugyanazt a hatást érheti el, mint a címkével 
A betűtípus azonban változatlan marad.  A „pre” értékű „white-space” szabály teljes mértékben emulálja a html szóközt a korábban leírt címke használatával.  Ez a parancs a szöveg bármely területére alkalmazható.
Következtetés
A fenti módszerek segítenek ismételt szóköz elhelyezésében.  A HTML lehetővé teszi az oldalak nagyon rugalmas testreszabását.  De amint azt a gyakorlat mutatja, ritkán van szükség több hely használatára.
A HTML egyszerűen figyelmen kívül hagyja a szóközöket.  Kód írásakor a szóköz, az Enter vagy a Tab billentyűt figyelmen kívül hagyja a rendszer.  Az ilyen HTML-lenyomásokat szóköz karakterekként értelmezik, egyszerű szavakkal - kódformázókként (karakterek, szavak, szöveg), ezért nem jelennek meg.  Ezért, ha szóközöket kell megjelenítenie, akkor azokat a kódnyelven kell megvalósítania.  Olvassa el ezt a cikket, hogy megértse, hogyan kell bizonyos helyzetekben.
Számos módszer létezik egyetlen szóköz hozzáadására a szöveghez.  Egyáltalán nem bonyolultak, és a felhasználónak csak néhány karaktert kell beírnia az erre szolgáló helyre.  Nézzük meg részletesen mindegyik módszert.
1. módszer.  HTML kód beszúrása - Szúrja be arra a helyre, ahol szóközt szeretnénk kapni.  Az "nbsp" egy bizonyos angol kifejezés rövidítése - non breaking space, ami fordításban elválaszthatatlan szóközt jelent.
Ezt a módszert olyan esetekben érdemes alkalmazni, amikor esztétikai és stílusi okokból szükség van egy vagy két szóköz beszúrására a szövegben a szavak vagy karakterek közé.
Például azzal a feladattal kell szembenéznie, hogy szünetet tartson a szavak között, mondjuk ezt: " Helló.  Hogy vagy?". Minden szóközhöz meg kell adnia egy kódot, például: " Helló.  Hogy vagy?"
Második módszer.  Bekezdés beszúrása HTML-be.
A következő kódrészletet kell beillesztenie
a bekezdésként bemutatandó szöveg előtt.
Be kell illeszteni a kódot
minden bekezdés elején.
Minden bekezdés végére illesszen be egy záró címkét, amely így néz ki - .  Mivel a bekezdéscímke egy párcímke, nem zárható be.
Harmadik módszer.  Lapok hozzáadása a HTML-modul segítségével.
A tabulátor hozzáadásához 4 vagy akár 5 nem törő szóközt kell használni.  Ebben az esetben a kód a következő lesz: .
A HTML-ben nincs külön elem a lapokhoz.  Ha mindenhol szeretne táblázatosítást használni az információk könnyebb olvashatósága érdekében, akkor mindenképp érdemes a CSS kódot alaposabban szemügyre venni.
Negyedik módszer.  Sortörések hozzáadása a HTML-hez.
Ahol sortörést szeretne létrehozni, az a kód beszúrása 
.
Ha egyszerre pár ilyen címkét tesz a szövegbe -
Ezzel egy sorral lejjebb kerülhet a szöveg.  Ebben a forgatókönyvben az egyik címke eltolja a következő sort, a második pedig kihagyja azt.
Ötödik módszer.  Szöveg megjelenítése írott formában HTML használatával
Ha a szöveg elé beszúr egy címkét, az kinyomtatva vagy a megadott formátumban jelenik meg.  Az ilyen szöveg minden olyan szóközt tartalmaz, amely nem jelenik meg a szokásos kódban.  Nyomtatott formátumban a szóköz pontosan ugyanúgy néz ki, mintha szabványos formátumban helyezné el.
Ebben a cikkben példákon keresztül elemeztük, hogyan lehet szóközt beszúrni a HTML-be.  Reméljük, hogy a jövőben nem lesz ebből nehézsége.  Sok szerencsét!
Sziasztok, a blogoldal kedves olvasói.  Kicsit korábban már sikerült szót ejtenünk arról, hogy a dizájnról is tanultunk benne.  Manapság viszont megvan a HTML-ben a rés fogalma, valamint a hozzá tartozó kód formázása az írás során (a későbbi olvasás és észlelés megkönnyítése érdekében).
Nos, mivel a szóköz és a lágy elválasztás témáját fogjuk érinteni, figyelmünket a HTML nyelvben használt úgynevezett speciális karakterekre vagy mnemonikákra kell összpontosítanunk, amelyek lehetővé teszik sok további karakter a webdokumentum kódjához, mint például a fentebb már említett .  De először a dolgok.
Szóközök és szóközök karakterek a HTML nyelvben
Mielőtt rátérnék a szöveg formázásának kérdésére speciálisan erre a célra kialakított címkékkel (bekezdés, címsor stb.), szeretnék elidőzni a pillanatban, hogyan értelmezik a szóközöket, sortöréseket (Enter) és a táblázatokat a HTML nyelvben, hogyan átméretezéskor a bontás szöveget hajt végre a böngészőablakban.
Igaz, ehhez a fajta vizuális formázáshoz (ami nem lesz látható a weboldalon) legtöbbször nem magukat a szóközöket használják, hanem a táblázatos és sortörés karaktereket.  Van egy ilyen szabály - amikor elkezdi írni a beágyazott HTML-címkét, akkor behúzás egy tabulátorral(Tab billentyű a billentyűzeten), és amikor bezárja ezt a címkét, távolítsa el a behúzást (Shift + Tab billentyűkombináció a billentyűzeten).
Ezt úgy kell megtenned, hogy a nyitó és záró címkék azonos függőleges szinten legyenek (a HTML-szerkesztőd, pl. a Notepad ++ oldalának jobb szélétől ugyanannyi lap, amiről írtam).  Ezenkívül azt tanácsolom, hogy a nyitó elem beírása után azonnal tegyen több sortörést, és azonnal írja be a záró elemet ugyanazon a szinten (tabulátorok száma), hogy később ne felejtse el megtenni.
Azok.  a nyitó és záró elemek függőlegesen egy szinten legyenek, a belső címkéket pedig egy tabulátor karakterrel toljuk el és a záró és nyitó elemeket ismét ugyanarra a szintre helyezzük.
Az egyszerű webes dokumentumok esetében ez túlzásnak tűnhet, de bonyolultabb vagy kevésbé bonyolult dokumentumok létrehozásakor igen a kód sokkal világosabb leszés a szóközök bősége miatt olvasható, valamint a címkék szimmetrikus elrendezése miatt sokkal könnyebben észrevehető lesz benne a hiba is.
Speciális karakterek vagy emlékeztetők a HTML-kódban
Tehát most beszéljünk az úgynevezett speciális karakterekről, amelyek használhatóságáról a cikk elején közöltem.  A speciális karaktereket néha mnemonikának vagy helyettesítésnek is nevezik.  A hipertext jelölőnyelvben régóta felmerülő, az alkalmazott kódolásokkal kapcsolatos problémát hivatottak megoldani.
Amikor szöveget ír be a billentyűzetről, az Ön nyelvének karakterei egy előre meghatározott algoritmus szerint kódolásra kerülnek, majd a dekódolás miatt az Ön által használt betűtípusok használatával jelennek meg az oldalon (hol találhatók és hogyan telepíthetők az oldalhoz).
Nagyon sok kódolás létezik, de a HTML nyelvhez alapértelmezés szerint a kódolások kiterjesztett változata került alkalmazásra.
Ebben a szövegkódolásban csak 256 karaktert lehetett leírni - 128-at ASCII-ből és további 128-at orosz nyelvű betűkből.  Ennek eredményeként probléma lépett fel a karakterek használatával olyan webhelyeken, amelyek nem szerepelnek az ASCII-ben, és nem orosz karakterek, amelyek a Windows 1251 (CP1251) kódolás részét képezik.  Nos, eszedbe jutott, hogy tildet vagy aposztrófot használsz, de a HTML nyelv által használt kódolás kezdetben nem rendelkezik ilyen képességekkel.
Ilyen esetekre találták ki a helyettesítéseket, vagy más szóval a mnemonikát.  Alapvetően a speciális karakterek numerikusak voltak, de aztán a legelterjedtebbeknél az ábécé szerinti megfelelőjüket adták hozzá, hogy könnyebben megjegyezzék őket.
Általánosságban elmondható, hogy az emlékeztető olyan karakter, amely "&" jellel kezdődik és pontosvesszővel ";" végződik.  Ezen az alapon a böngésző a HTML-kód elemzésekor speciális karaktereket von ki belőle.  A numerikus helyettesítő kódban szereplő „és” jelet közvetlenül a „#” font jelnek kell követnie, amelyet néha hash-nek is neveznek.  És csak ezután következik a kívánt karakter numerikus kódja Unicode kódolásban.
Több mint 60 000 karakter írható le Unicode-ban - a lényeg az, hogy a szükséges mnemonikus szimbólumot támogassa a webhelyén használt betűtípus.  Vannak olyan betűtípusok, amelyek szinte az összes Unicode karaktert támogatják, és vannak olyan opciók, amelyek csak bizonyos karakterkészlettel rendelkeznek.
A speciális karakterek teljes listája egyszerűen hatalmas lesz, de leggyakrabban használt mnemonika kölcsönözhet például ebből a táblázatból:
Szimbólum
Html kód
Decimális 
a kód
Leírás



nem törő tér
 

 
 
szűk térköz (az n betű szélessége)
 

 
 
széles térköz (em-szélesség m betűig)
–
-
–
em kötőjel (en-dash)
-
—
—
em-kötőjel (em-kötőjel)
­
-
­
lágy átvitel
de

́
ékezetes, a "sokk" betű után helyezve
©

©
szerzői jog
®
®
®
bejegyzett védjegy
™
™
™
védjegy jel
º
º
º
mars lándzsája
ª
ª
ª
Vénusz tükre
‰
‰
‰
ppm
π
π
π
pi (használd a Times New Roman-t)
¦
¦
¦
függőleges pontozott vonal
§
§
§
bekezdés
°
°
°
fokozat
µ
µ
µ
mikro jel
¶
¶
¶
bekezdés jele
…
…
…
ellipszis
‾
‾
‾
áthúzás
´
´
´
ékezetes jel
№

№
számjel
🔍

🔍
Nagyító (balra döntve)
🔎

🔎
Nagyító (jobbra döntve)
számtani és matematikai műveletek jelei
×
×
×
szaporodnak
÷
÷
÷
feloszt
<
<

Kevésbé
>
>
>
több
±
±
±
plusz minusz
¹
¹
¹
fokozat 1
²
²
²
fokozat 2
³
³
³
fokozat 3
¬
¬
¬
tagadás
¼
¼
¼
egy negyed
½
½
½
fél
¾
¾
¾
háromnegyede
⁄
⁄
⁄
törtsáv
−
−
−
mínusz
≤
≤
≤
kisebb vagy egyenlő
≥
≥
≥
több vagy egyenlő
≈
≈
≈
megközelítőleg (majdnem) egyenlő
≠
≠
≠
nem egyenlő
≡
≡
≡
azonosan
√
√
√
négyzetgyök (gyök)
∞
∞
∞
végtelenség
∑
∑
∑
összegző jel
∏
∏
∏
termék védjegy
∂
∂
∂
részleges differenciál
∫
∫
∫
integrál
∀
∀
∀
mindenkinek (csak félkövéren látható)
∃
∃
∃
létezik
∅
∅
∅
üres készlet
Ø
Ø
Ø
átmérő
∈
∈
∈
tartozik
∉
∉
∉
nem tartozik
∋
∋
∗
tartalmaz
⊂
⊂
⊂
egy részhalmaz
⊃
⊃
⊃
egy szuperkészlet
⊄
⊄
⊄
nem egy részhalmaz
⊆
⊆
⊆
bármelyik részhalmaza
⊇
⊇
⊇
szuperhalmaz vagy egyenlő vele
⊕
⊕
⊕
plusz egy körben
⊗
⊗
⊗
szorzójel egy körben
⊥
⊥
⊥
merőleges
∠
∠
∠
injekció
∧
∧
∧
logikus ÉS
∨
∨
∨
logikai VAGY
∩
∩
∩
útkereszteződés
∪
∪
∪
Unió
valuta jelek
₽

₽
Rubel.  A rubel jelet a számtól való töréssel kell használni.  Unicode 7.0 szabvány.  Ha nem látja a képet, frissítse a Unicode-betűtípusokat.
€
€
€
Euro
¢
¢
¢
Cent
£
£
£
Lb
¤
¤
¤
Pénznem jele
¥
¥
¥
Jen és jüan jele
ƒ
ƒ
ƒ
Florin jele
markerek

.

egyszerű marker
○

○
egy kör
·
·
·
középső pont
†

†
kereszt
‡

‡
kettős kereszt
♠
♠
♠
csúcsok
♣
♣
♣
klubok



szívek
♦
♦
♦
gyémántok
◊
◊
◊
rombusz
✏

✏
ceruza
✎

✎
ceruza
✐

✐
ceruza
✍

✍
kéz
idézetek
"
"
"
kettős idézet
&
&
&
és és
«
«
«
bal oldali tipográfiai idézőjel (halszálkás idézőjel)
»
»
»
jobb tipográfiai idézőjel (halszálkás idézőjel)
‹

‹
egyszögű idézet nyitás
›

›
egyszögű idézet zárása
′
′
′
stroke (perc, láb)
″
″
″
kettős ütés (másodperc, hüvelyk)
‘
‘
‘
bal felső egyetlen idézőjel
’
’
’
jobb felső egyetlen idézőjel
‚
‚
‚
jobb alsó egyetlen idézet
“
“
“
idézőjel-láb balra
”
”
”
idézőjel-láb jobb felső
„
„
„
idézőjel-láb jobbra lent
❛

❛
egyetlen angol idézőjeles nyitás
❜

❜
egyetlen angol idézőjel zárása
❝

❝
dupla angol idézőjeles nyitás
❞

❞
dupla angol idézőjel zárása
nyilak
←
←
←
bal nyíl



felfelé nyíl
→
→
→
jobb nyíl
↓
↓
↓
nyíl lefelé
↔
↔
↔
nyíl balra és jobbra
↕

↕
fel és le nyíl
↵
↵
↵
kocsi vissza
⇐
⇐
⇐
dupla bal nyíl
⇑
⇑
⇑
dupla felfelé mutató nyíl
⇒
⇒
⇒
dupla jobbra nyíl
⇓
⇓
⇓
dupla lefelé mutató nyíl
⇔
⇔
⇔
kettős nyíl balra és jobbra
⇕

⇕
dupla nyíl fel és le
▲

▲
háromszög alakú felfelé mutató nyíl
▼

▼
háromszög alakú lefelé mutató nyíl



háromszög jobbra nyíl
◄

◄
háromszögű bal nyíl
csillagok, hópelyhek
☃

☃
hóember
❄

❄
Hópehely
❅

❅
Lámpa csípett hópehely
❆

❆
Kövér éles szögű hópehely
★

★
árnyékolt csillag
☆

☆
árnyékolatlan csillag
✪

✪
Töltetlen csillag kitöltött körben
✫

✫
Töltött csillag, benne kitöltetlen körrel
✯

✯
forgó csillag
⚝

⚝
Rajzolt fehér csillag
⚪

⚪
Középső kitöltetlen kör
⚫

⚫
Közepesen kitöltött kör
⚹

⚹
Szextilis (hópehely típusú)
✵

✵
Nyolcágú forgó csillag
❉

❉
Csillag gömb alakú végződésekkel
❋

❋
Merész nyolcágú csepp alakú légcsavarcsillag
✺

✺
Hexadecimális csillag
✹

✹
Tizenkétágú töltött csillag
✸

✸
Félkövér nyolcágú, egyenes vonalú árnyékolt csillag
✶

✶
hatágú töltött csillag
✷

✷
Nyolcágú, egyenes vonalú árnyékolt csillag
✴

✴
Nyolcágú árnyékolt csillag
✳

✳
nyolcágú csillag
✲

✲
Egy csillag üres közepével
✱

✱
kövér csillag
✧

✧
Hegyes, négyágú árnyékolatlan csillag
✦

✦
Hegyes, négyágú árnyékolt csillag
⍟

⍟
csillag egy körben
⊛

⊛
Hópehely egy körben
óra, idő
⏰

⏰
Óra
⌚

⌚
Óra
⌛

⌛
Homokóra
⏳

⏳
Homokóra
Van egy elég érdekes módja annak, hogy megkapja a mnemonika HTML-kódját a szükséges karakterhez.  Ehhez elég lesz megnyitni a Microsoft Word szerkesztőt, létrehozni egy új dokumentumot, és a felső menüből kiválasztani a "Beszúrás" - "Szimbólum" lehetőséget (én a 2003-as verziót használom, így nem tudom, hogyan kell hasonlót csinálni működés a későbbi verziókban).
A megnyíló ablakban ki kell választania egy betűtípust, például Times New Roman (vagy bármely más, amely minden bizonnyal megtalálható a webhely látogatóinak legtöbb számítógépén - például Courier vagy Arial).
Adja hozzá az összes szükséges speciális karaktert a megnyíló listából a Word-dokumentumhoz, és mentse el ezt a Word-dokumentumot weboldalként (a ".html" legördülő listából van kiválasztva mentéskor).  Nos, akkor csak meg kell nyitnia ezt a weboldalt bármelyik Html-szerkesztőben (ugyanaz a Notepad ++ is jó), és látni fogja a szükséges mnemonika összes digitális kódját:
A módszer kissé bonyolult, de ha késztetést érzel arra, hogy valamilyen ritka speciális karaktert használj az oldalad oldalán, akkor könnyebb lesz, mint a fentihez hasonló táblázatokat keresni az interneten.  A kapott speciális karakterkódot a megfelelő helyre kell beillesztenie, és a weblapon helyette a böngésző megjeleníti a kívánt karaktert (például nem törő szóközt).
Törésmentes szóköz és lágy elválasztás a példákban
Ahogy fentebb említettem, és a fenti speciális karakterek táblázatából is látható, néhány HTML-beli mnemonika a digitális mellett szimbolikus jelölést is kapott a könnyebb memorizálás érdekében.  Azok.  a „#” (hash) font helyett a karakterváltozatok szavakat használnak.  Például ugyanazt a megszakítás nélküli szóközt vagy mint (digitális mnemonika) vagy (karakter) írhatjuk.
Cikk írásakor, ha „és” jelet (&) vagy nyitott szögletes zárójelet (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.
Azaz, ha olyan cikket ír, amelyben be kell illesztenie a szövegbe, például a megjelenítési címkét< body>vagy csak egy kisebb, mint jelet kell beszúrni (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.
Ezért egy ilyen probléma megoldásához be kell illesztenie a következő konstrukciót:
Ugyanez vonatkozik maguknak a mnemonikák kódjának megjelenítésére is, mivel azok és jellel kezdődnek.  Kódot kell beszúrnia a szövegbe, az "és" jel helyettesítésével (speciális karakter):
 
Ezt meg kell tenni az oldalra jutáshoz<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
Ezenkívül nagy valószínűséggel nem törő szóközt fog használni, amely úgy néz ki, mint egy normál szóköz a weboldalon, de a böngésző egyáltalán nem kezeli szóközként, és nem fog átmenni rajta(Például ez megfelelő lenne az olyan kifejezésekhez, mint 1400 GB stb., amelyeknél nem lenne kívánatos kötőjelet vinni a különböző sorok fölé):
1400 GB.
Néha az ellenkező helyzet adódhat, ha a szöveg nagyon hosszú szavakat tartalmaz, és szükség esetén meg akar győződni arról, hogy a böngésző áthelyezéssel megtörhetné ezeket a szavakat.  Ilyen célokra egy speciális "soft transfer" szimbólumot biztosítanak -
Hosszú, hosszú szó;
Amikor szükségessé válik egy másik sorra lépés, a böngésző kötőjelet helyez el a lágy tördelésű emlékeztető helyett, és a szó többi részét a következő sorba küldi.  Ha van elég hely ahhoz, hogy egy sorban elférjen ez a szó, akkor a böngésző nem húz új sort.  Ennyi, egyszerű.
 
Sok szerencsét!  Hamarosan találkozunk a blogoldalak oldalán
További videókat nézhet meg, ha felkeresi
");">
Lehet, hogy érdekel
MailTo - mi ez, és hogyan lehet e-mail hivatkozást létrehozni HTML-ben 
A H1-H6 címsorok, a Hr vízszintes vonal, a Br sortörés és a P bekezdés címkéi és attribútumai a Html 4.01 szabvány szerint 
Hivatkozás és kép (fotó) beszúrása HTML-be - IMG és A címkék