De ce Yandex inseră un spațiu în cuvinte. Pentru ce este spațiul care nu se sparge în html
Adăugarea corectă a unui spațiu care nu se întrerupe în HTML. Aspect valid.
Dacă ați încercat să tastați site-uri web, atunci probabil știți că atunci când adăugați câteva spații în text de la tastatură, acestea nu sunt salvate. Browserele le tratează ca pe un singur spațiu. Uneori, acest lucru duce la probleme de aspect. Acum vă vom arăta cum să adăugați mai multe spații la rând.
Folosind caractere speciale
În limbajul de marcare hipertext, este folosit un caracter special care este interpretat de browsere ca un spațiu. Aici era:
Trebuie să-l tastați exact în forma în care este prezentat mai sus. Dacă trebuie să inserați mai multe spații pe rând, introduceți mai multe astfel de caractere.
Cum ar arăta fragmentul nostru de cod dacă am dori să adăugăm trei spații la rând.
Secțiunea de testare a codului
Dacă ar fi să deschidem o astfel de pagină într-un browser, iată ce am obține:
Secțiunea de testare a codului
pre eticheta
Nu întotdeauna textul poate fi formatat în mod corect folosind etichete de marcare standard. În același timp, tastând-o de la tastatură, puteți obține rezultatul dorit. Dar, în cele din urmă, atunci când vizualizați pagina într-un browser, toată formatarea manuală va cădea și veți obține text simplu. Același rezultat va fi dacă adăugați manual mai multe spații care nu se rup într-un rând, doar făcând clic pe tasta cu același nume.
Cum să fii într-o astfel de situație?
Iată un exemplu de text cu un spațiu lung. Am obținut acest lucru prin includerea textului într-o etichetă PRE.
După cum puteți vedea, mai multe întreruperi de rând consecutive sunt de asemenea salvate. Pentru asta este această etichetă. Lasă formatarea manuală pentru textul care este inclus în el.
Video pentru articol:
Concluzie
Utilizați aceste metode numai pentru a insera formatare specială a textului. Nu ar trebui să utilizați aceste metode pentru a obține locația elementelor pe pagină. De exemplu, adăugați mai multe spații care nu se rup, astfel încât următorul element să fie în dreapta paginii. Pentru a face acest lucru, utilizați foi de stil.
Ce este?
În html, există multe etichete diferite, atribute, valori care sunt folosite în diferite situații. Unele sunt folosite numai în scopul propus, în timp ce altele au setări flexibile care le permit să fie utilizate într-o varietate de variații. Pe lângă etichetele obișnuite, html are caractere mnemonice speciale. Cu ajutorul lor, puteți afișa pe ecranul utilizatorilor diverse pictograme, pictograme etc. Unul dintre cele mai utile caractere speciale este spațiul care nu se sparge. Acest element va fi discutat în acest articol.
Scop
În html, un spațiu care nu se întrerupe poate fi folosit într-o mare varietate de situații. Cea mai obișnuită utilizare a acestui element este de a crește în mod natural distanța dintre caractere sau cuvinte. Unii s-ar putea să fie deja revoltați și să pună o întrebare logică: „De ce să nu folosiți spațiul obișnuit cu tasta spațiu de pe tastatură?”. Faptul este că browserul va ignora toate spațiile suplimentare dintre cuvinte sau caractere, cu excepția primului alocat. Indiferent de câte dintre ele vor fi în codul sursă al paginii, doar unul va fi afișat în continuare. Astfel, dacă ai dorința de a pune două sau mai multe spații după altele, va trebui să folosești un caracter special. În plus, există și alte cazuri când acest element este utilizat, de exemplu:
- Linie rosie. Deși acest mod de afișare a unui paragraf nou se mai folosește rar pe web, este totuși util să știi că dacă pui câteva dintre aceste spații la început, obții un efect de indentare.
- Masa. Uneori, la construirea unui tabel, apar celule goale care trebuie umplute cu ceva, altfel întreaga structură este deformată din această cauză. Alternativ, puteți pune un spațiu care nu se rupe. Apoi utilizatorii vor vedea o celulă goală și tabelul va rămâne așa cum era.
- Desene pentru a atrage atenția. Folosind acest element, puteți construi o imagine din simboluri. Sau uneori un astfel de spațiu este folosit pentru a focaliza atenția utilizatorilor.
Aplicație
Un spațiu html neîntrerupt este atribuit prin scrierea de caractere speciale, și anume „”. Adică, inserând această intrare în codul sursă, veți obține un interval suplimentar. Lungimea sa va fi egală cu spațiul obișnuit. Intrarea „” înseamnă „SPAȚIU FĂRĂ RUpere”, care se traduce prin „spațiu fără rupere”. Puteți utiliza notația alternativă " ", care va da același efect.
Particularități
Caracteristicile distinctive ale acestui element includ faptul că, dacă puneți un astfel de spațiu între două cuvinte (caractere), atunci, în orice caz, acestea vor rămâne pe aceeași linie. În unele cazuri, va apărea o bară de defilare orizontală (când elementele ies din ecran). Uneori, dezvoltatorii folosesc acest element numai din cauza acestei caracteristici. De exemplu, când este cu adevărat important ca textul să fie pe o singură linie.
Concluzie
În cele mai multe cazuri, un spațiu care nu se sparge va fi inutil. Deoarece este rareori necesar să stabiliți un interval lung. Dar, într-un fel sau altul, este necesar să cunoaștem acest element. La urma urmei, într-o zi va fi util oricărui dezvoltator de fișiere html.
Dacă dezvoltați fișiere html, atunci probabil ați observat o astfel de caracteristică atunci când browserul ignoră spațiile. În codul sursă poate exista un număr nelimitat de ele, dar numai unul este vizibil ca rezultat. Cel mai adesea, o astfel de restricție are doar un efect pozitiv asupra producției de informații. La urma urmei, uneori puteți pune accidental câteva spații, ca urmare, documentul se dovedește a fi dezordonat. Și cu ajutorul unei constrângeri, distanța dintre cuvinte va fi întotdeauna fixată. Dar uneori este nevoie de a face un spațiu dublu sau triplu, html vă va permite să faceți o distanță nelimitată între cuvinte la discreția dvs. Există mai multe modalități de a îndeplini această nevoie, despre care vom discuta în acest articol.
Prima cale
Când este nevoie de a face o distanță mai mare între anumite cuvinte, se poate folosi un cod special de spațiu html. Este suficient să adăugați intrarea „ ”, care va crește distanța dintre caractere. Un astfel de cod poate fi folosit ca un spațiu obișnuit, cu excepția faptului că va fi întotdeauna luat în considerare la afișarea informațiilor de către browser. Acest spațiu html special este uneori folosit pentru a emula o linie roșie sau pentru a evidenția o singură bucată de text. Merită să vorbim puțin despre codul în sine. Primul caracter este semnul ampersand. Indică acțiunea unui cod special. Există multe alte combinații în html care dau efecte diferite. De exemplu, „>” și „&gl” înlocuiesc caracterele „<» и «>". Utilizarea lor este necesară deoarece marchează începutul și sfârșitul etichetei. În acest caz, „nbsp” înseamnă o formă prescurtată a comenzii „non-breaking space”, care în traducere înseamnă că există un spațiu numeric pentru această comandă.
amena " ", care repetă complet efectul unui astfel de spațiu. Este demn de remarcat faptul că, dacă codul „ ” este între cuvinte, atunci acestea vor fi întotdeauna pe aceeași linie. Dacă depășesc limitele ecranului, atunci în browser apare o bară de defilare. Codul „ ” este o emulare completă a unui spațiu obișnuit.
A doua cale
A doua metodă este folosită în scopuri mai mari. Un spațiu în html poate fi setat folosind o etichetă
Vă permite să afișați text fără formatare suplimentară. Dacă informațiile sunt plasate în această etichetă, atunci acestea vor fi prezentate în forma sa originală ca în codul html al paginii. Acest lucru ia în considerare nu numai spații, ci și întreruperi de linie. Dar este de remarcat faptul că, ca și în cazul codului „ ”, textul inclus în etichetăVa ieși pe o singură linie dacă nu există o traducere naturală. Mai este o remarcă. Totul dintre etichetele de deschidere și de închidereVa avea un font specific.A treia cale
Această metodă nu poate fi numită nouă, deoarece pur și simplu oferă o alternativă la a doua. Folosind foi de stil în cascadă, puteți obține același efect ca eticheta
Cu toate acestea, fontul va rămâne neschimbat. Regula „spațiu alb” cu o valoare „pre” emulează complet spațiul alb html folosind eticheta descrisă anterior. Această comandă poate fi aplicată în orice zonă de text.Concluzie
Metodele de mai sus vă vor ajuta să puneți un spațiu repetat. HTML vă permite să vă personalizați paginile într-un mod foarte flexibil. Dar, după cum arată practica, rareori este necesar să folosiți un spațiu multiplu.
HTML pur și simplu ignoră spațiile. Când scrieți cod, apăsarea barei de spațiu, Enter sau Tab este ignorată. Astfel de prese HTML sunt interpretate ca caractere cu spații albe, în cuvinte simple - formatoare de cod (caractere, cuvinte, text), deci nu sunt afișate. Prin urmare, dacă trebuie să afișați spații, va trebui să le implementați în limbajul codului. Citiți acest articol pentru a înțelege cum în anumite situații.
Există mai multe metode pentru a adăuga spații unice în text. Nu sunt deloc complicate și vor cere utilizatorului să introducă doar câteva caractere în spațiul prevăzut pentru asta. Să aruncăm o privire la fiecare dintre aceste metode în detaliu.
Metoda unu. Inserați cod HTML - Introduceți-l în locul în care dorim să obținem un spațiu. „nbsp” este o abreviere pentru o anumită expresie engleză - non breaking space, care înseamnă un spațiu inseparabil în traducere.
Această metodă ar trebui utilizată în cazurile în care este nevoie de a introduce unul sau două spații între cuvinte sau caractere din text din motive de estetică și stil.
De exemplu, vă confruntați cu sarcina de a face o pauză între cuvinte, să spunem asta: " Buna ziua. Ce mai faci?". Va trebui să introduceți un cod pentru fiecare spațiu, astfel: " Buna ziua. Ce mai faci?"
Metoda a doua. Inserarea unui paragraf în HTML.
Trebuie să inserați următorul fragment de cod
înaintea textului care trebuie prezentat sub formă de paragraf.
Trebuie să lipiți codul
la începutul fiecărui paragraf.
La sfârșitul fiecărui paragraf, ar trebui să inserați o etichetă de închidere care arată astfel - . Deoarece eticheta de paragraf este o etichetă de pereche, nu poate fi închisă.
Metoda trei. Adăugarea de file folosind modulul HTML.
Este necesar să folosiți 4 sau chiar 5 spații care nu se rup pentru a adăuga o filă. În acest caz, codul va fi următorul: .
Nu există niciun element separat pentru file în HTML. Dacă doriți să utilizați tabelarea peste tot pentru a ușura citirea informațiilor, atunci cu siguranță merită să aruncați o privire mai atentă la codul CSS.
Metoda Patru. Adăugarea de întreruperi de linie în HTML.
Unde doriți să creați o întrerupere de linie este să introduceți codul
.Dacă puneți câteva astfel de etichete în text deodată -
Acest lucru poate muta textul cu un rând în jos. O etichetă în acest scenariu schimbă următoarea linie, iar a doua o omite.
Metoda cinci. Afișarea textului ca scris folosind HTML
Inserarea unei etichete în fața textului o va afișa ca tipărită sau în formatul specificat. Un astfel de text va conține toate spațiile care nu sunt afișate în codul obișnuit. În format tipărit, un spațiu arată exact la fel ca și cum l-ați pune în standard.
În acest articol, am analizat cum să inserăm un spațiu în HTML folosind exemple. Sperăm că nu veți avea dificultăți în acest sens în viitor. Noroc!
Bună ziua, dragi cititori ai site-ului blogului. Puțin mai devreme, am reușit deja să vorbim despre modul în care am aflat și despre designul din acesta. Astăzi avem, la rândul său, conceptul de decalaj în HTML, precum și formatarea codului asociat cu acesta atunci când îl scriem (pentru comoditatea citirii și percepției sale ulterioare).
Ei bine, datorita faptului ca vom atinge tema spatiului nerupere si a silabei soft, va trebui sa ne concentram atentia asupra asa-ziselor caractere speciale sau mnemonice folosite in limbajul Html, care va vor permite sa adaugati o mulțime de caractere suplimentare la codul documentului web, cum ar fi cel deja menționat mai sus. Dar mai întâi lucrurile.
Spații și caractere albe în limbajul HTML
Înainte de a trece la problema formatării textului cu ajutorul etichetelor special concepute pentru aceasta (paragraf, titluri etc.), vreau să mă opresc asupra momentului cum sunt interpretate spațiile, rupturile de rând (Enter) și tabulatorii în limbajul HTML. , cum se efectuează defalcarea text în fereastra browserului la redimensionare.
Adevărat, pentru acest tip de formatare vizuală (care nu va fi vizibilă pe pagina web), cel mai adesea se folosesc nu spațiile în sine, ci caracterele de tabulare și de întrerupere de linie. Există o astfel de regulă - atunci când începeți să scrieți o etichetă HTML imbricată, atunci indentare cu o filă(Tasta Tab de pe tastatură), iar când închideți această etichetă, eliminați indentarea (Combinația de taste Shift + Tab de pe tastatură).
Trebuie să faceți acest lucru pentru ca etichetele de deschidere și de închidere să fie la același nivel vertical (același număr de file din marginea dreaptă a paginii editorului dvs. HTML, de exemplu, Notepad ++, despre care am scris). În plus, vă sfătuiesc să faceți mai multe întreruperi de linie imediat după ce ați scris elementul de deschidere și să scrieți imediat elementul de închidere la același nivel (număr de file), pentru a nu uita să o faceți mai târziu.
Acestea. elementele de deschidere și de închidere ar trebui să fie la același nivel pe verticală și deplasăm etichetele interne cu un caracter de filă și plasăm elementele de închidere și deschidere din nou la același nivel.
Pentru documente web simple, acest lucru poate părea exagerat, dar atunci când creați documente mai mult sau mai puțin complexe, acestea codul va fi mult mai clarși lizibilă datorită abundenței de spații și, de asemenea, va fi mult mai ușor de observat erori în el datorită dispoziției simetrice a etichetelor.
Caractere speciale sau mnemonice în codul HTML
Deci, acum să vorbim despre așa-numitele personaje speciale, a căror utilizare am anunțat-o la începutul acestui articol. Caracterele speciale sunt uneori numite mnemonice sau substituții. Acestea sunt menite să rezolve o problemă de lungă durată în limbajul de marcare hipertext legată de codificările utilizate.
Când introduceți text de la tastatură, caracterele limbii dvs. sunt codificate după un algoritm prestabilit, iar apoi sunt afișate pe site folosind fonturile pe care le utilizați (unde să găsiți și cum să instalați pentru site) datorită decodării.
Există o mulțime de codificări, dar pentru limbajul HTML a fost adoptată implicit o versiune extinsă a codificărilor.
În această codificare a textului, a fost posibil să se scrie doar 256 de caractere - 128 din ASCII și alte 128 pentru literele limbii ruse. Ca urmare, a apărut o problemă cu utilizarea caracterelor pe site-urile care nu sunt incluse în ASCII și nu sunt caractere rusești care fac parte din codificarea Windows 1251 (CP1251). Ei bine, ți-ai luat în cap să folosești un tilde sau un apostrof, dar codarea folosită de limbajul HTML nu are inițial astfel de capabilități.
Pentru astfel de cazuri s-au inventat substituțiile sau, cu alte cuvinte, mnemonicii. Inițial caracterele speciale erau numerice, dar apoi pentru cele mai obișnuite dintre ele, au fost adăugate omologii lor alfabetici pentru a le reține cu ușurință.
În general, un mnemonic este un caracter care începe cu un „&” și se termină cu un punct și virgulă „;”. Tocmai din aceste motive, browserul, atunci când analizează codul HTML, extrage caractere speciale din acesta. Ampersand din codul de substituție numerică trebuie imediat urmat de semnul lire sterline „#”, care uneori este numit hash. Și abia apoi urmează codul numeric al caracterului dorit în codificarea Unicode.
Mai mult de 60.000 de caractere pot fi scrise în Unicode - principalul lucru este că simbolul mnemonic de care aveți nevoie este susținut de fontul folosit pe site-ul dvs. Există fonturi care acceptă aproape toate caracterele Unicode și există opțiuni cu doar un anumit set de caractere.
Lista completă a personajelor speciale va fi pur și simplu uriașă, dar cele mai frecvent utilizate mnemonice puteți împrumuta, de exemplu, din acest tabel:
Simbol | Cod HTML | Zecimal Codul | Descriere |
---|---|---|---|
spatiu de nerupere | |||
spațiu îngust (în lățime litera n) | |||
spațiu larg (lățime em până la litera m) | |||
– | - | – | em liniuță (în-liniuță) |
- | — | — | em dash (em-dash) |
| - | | transfer moale |
dar | ́ | accent, plasat după litera „șoc”. | |
© | © | drepturi de autor | |
® | ® | ® | marcă înregistrată |
™ | ™ | ™ | semnul mărcii comerciale |
º | º | º | sulița lui Marte |
ª | ª | ª | oglinda lui Venus |
‰ | ‰ | ‰ | ppm |
π | π | π | pi (folosește Times New Roman) |
¦ | ¦ | ¦ | linie punctată verticală |
§ | § | § | paragraf |
° | ° | ° | grad |
µ | µ | µ | micro semn |
¶ | ¶ | ¶ | marca de paragraf |
… | … | … | elipsă |
‾ | ‾ | ‾ | supraliniere |
´ | ´ | ´ | semn de accent |
№ | № | semnul numeric | |
🔍 | 🔍 | Lupă (înclinată spre stânga) | |
🔎 | 🔎 | Lupă (înclinată spre dreapta) | |
semne ale operaţiilor aritmetice şi matematice | |||
× | × | × | multiplica |
÷ | ÷ | ÷ | divide |
< | < | Mai puțin | |
> | > | > | Mai mult |
± | ± | ± | plus minus |
¹ | ¹ | ¹ | gradul 1 |
² | ² | ² | gradul 2 |
³ | ³ | ³ | gradul 3 |
¬ | ¬ | ¬ | negare |
¼ | ¼ | ¼ | sfert |
½ | ½ | ½ | o jumatate |
¾ | ¾ | ¾ | trei sferturi |
⁄ | ⁄ | ⁄ | bara fracționată |
− | − | − | minus |
≤ | ≤ | ≤ | mai mic sau egal cu |
≥ | ≥ | ≥ | mai mult sau egal |
≈ | ≈ | ≈ | aproximativ (aproape) egal |
≠ | ≠ | ≠ | nu este egal |
≡ | ≡ | ≡ | identic |
√ | √ | √ | rădăcină pătrată (radical) |
∞ | ∞ | ∞ | Infinit |
∑ | ∑ | ∑ | semn de însumare |
∏ | ∏ | ∏ | semnul produsului |
∂ | ∂ | ∂ | diferenţial parţial |
∫ | ∫ | ∫ | integrală |
∀ | ∀ | ∀ | pentru toată lumea (vizibil doar dacă este aldine) |
∃ | ∃ | ∃ | există |
∅ | ∅ | ∅ | set gol |
Ø | Ø | Ø | diametru |
∈ | ∈ | ∈ | aparține |
∉ | ∉ | ∉ | nu apartin |
∋ | ∋ | ∗ | conţine |
⊂ | ⊂ | ⊂ | este un subset |
⊃ | ⊃ | ⊃ | este un superset |
⊄ | ⊄ | ⊄ | nu este un subset |
⊆ | ⊆ | ⊆ | este un subset al fiecăreia |
⊇ | ⊇ | ⊇ | este un superset sau egal cu |
⊕ | ⊕ | ⊕ | plus într-un cerc |
⊗ | ⊗ | ⊗ | semn de înmulțire într-un cerc |
⊥ | ⊥ | ⊥ | perpendicular |
∠ | ∠ | ∠ | injecţie |
∧ | ∧ | ∧ | logic ŞI |
∨ | ∨ | ∨ | SAU logic |
∩ | ∩ | ∩ | intersecție |
∪ | ∪ | ∪ | Uniune |
semne valutare | |||
₽ | ₽ | Rublă. Semnul rublei trebuie folosit cu o pauză de la număr. Standardul Unicode 7.0. Dacă nu vedeți imaginea, actualizați fonturile Unicode. | |
€ | € | € | Euro |
¢ | ¢ | ¢ | Cent |
£ | £ | £ | Livre |
¤ | ¤ | ¤ | Semn valutar |
¥ | ¥ | ¥ | Yen și yuan semn |
ƒ | ƒ | ƒ | semnul Florin |
markere | |||
. | marker simplu | ||
○ | ○ | un cerc | |
· | · | · | punct de mijloc |
† | † | traversa | |
‡ | ‡ | dublu cruce | |
♠ | ♠ | ♠ | culmi |
♣ | ♣ | ♣ | cluburi |
inimile | |||
♦ | ♦ | ♦ | diamante |
◊ | ◊ | ◊ | romb |
✏ | ✏ | creion | |
✎ | ✎ | creion | |
✐ | ✐ | creion | |
✍ | ✍ | mână | |
citate | |||
" | " | " | citat dublu |
& | & | & | ampersand |
« | « | « | ghilimele tipografice din stânga (ghilimele cu ghilime) |
» | » | » | ghilimele tipografice din dreapta (ghilimele în ghilime) |
‹ | ‹ | deschidere cu un singur unghi | |
› | › | ghilimele unice de închidere | |
′ | ′ | ′ | accident vascular cerebral (minute, picioare) |
″ | ″ | ″ | cursă dublă (secunde, inci) |
‘ | ‘ | ‘ | ghilimele simple din stânga sus |
’ | ’ | ’ | ghilimele simple din dreapta sus |
‚ | ‚ | ‚ | dreapta jos ghilimele simple |
“ | “ | “ | ghilimele-picior stânga |
” | ” | ” | ghilimele-picior dreapta sus |
„ | „ | „ | ghilimele-picior dreapta jos |
❛ | ❛ | un singur ghilimele englezesc deschidere | |
❜ | ❜ | ghilimele unice englezești de închidere | |
❝ | ❝ | deschidere dublu engleză ghilimele | |
❞ | ❞ | ghilimele duble engleze de închidere | |
săgeţile | |||
← | ← | ← | sageata stanga |
Săgeata în sus | |||
→ | → | → | sageata dreapta |
↓ | ↓ | ↓ | săgeată în jos |
↔ | ↔ | ↔ | săgeată la stânga și la dreapta |
↕ | ↕ | săgeată sus și jos | |
↵ | ↵ | ↵ | retur transport |
⇐ | ⇐ | ⇐ | săgeată dublă stânga |
⇑ | ⇑ | ⇑ | săgeată dubla în sus |
⇒ | ⇒ | ⇒ | săgeată dublă dreapta |
⇓ | ⇓ | ⇓ | dubla săgeată în jos |
⇔ | ⇔ | ⇔ | săgeată dublă la stânga și la dreapta |
⇕ | ⇕ | săgeată dublă în sus și în jos | |
▲ | ▲ | săgeată triunghiulară în sus | |
▼ | ▼ | săgeată triunghiulară în jos | |
săgeată dreapta triunghiulară | |||
◄ | ◄ | săgeată stânga triunghiulară | |
stele, fulgi de nea | |||
☃ | ☃ | om de zapada | |
❄ | ❄ | Fulg de nea | |
❅ | ❅ | Fulg de nea ciupit de trifoi | |
❆ | ❆ | Fulg de zăpadă gras cu unghi ascuțit | |
★ | ★ | stea umbrită | |
☆ | ☆ | stea neumbrită | |
✪ | ✪ | Steaua neumplută într-un cerc plin | |
✫ | ✫ | Steaua plină cu cerc neumplut înăuntru | |
✯ | ✯ | stea care se învârte | |
⚝ | ⚝ | Steaua albă desenată | |
⚪ | ⚪ | Cercul mijlociu neumplut | |
⚫ | ⚫ | Cerc mediu umplut | |
⚹ | ⚹ | Sextil (tip fulg de zăpadă) | |
✵ | ✵ | Steaua care se rotește cu opt colțuri | |
❉ | ❉ | Asterisc cu terminații sferice | |
❋ | ❋ | Stea îndrăzneață cu elice în formă de picătură cu opt colțuri | |
✺ | ✺ | Asterisc hexazecimal | |
✹ | ✹ | Steaua plină cu douăsprezece colțuri | |
✸ | ✸ | Steaua umbrită rectilinie îndrăzneață cu opt colțuri | |
✶ | ✶ | stea plină cu șase colțuri | |
✷ | ✷ | Steaua umbrită rectilinie cu opt colțuri | |
✴ | ✴ | Steaua umbrită cu opt colțuri | |
✳ | ✳ | asterisc cu opt colturi | |
✲ | ✲ | Un asterisc cu un centru gol | |
✱ | ✱ | stea grasă | |
✧ | ✧ | Steaua neumbrită cu patru colțuri | |
✦ | ✦ | Steaua umbrită cu patru colțuri | |
⍟ | ⍟ | stea într-un cerc | |
⊛ | ⊛ | Fulg de zăpadă în cerc | |
ceas | |||
⏰ | ⏰ | Ceas | |
⌚ | ⌚ | Ceas | |
⌛ | ⌛ | Clepsidră | |
⏳ | ⏳ | Clepsidră |
Există destul de interesant modalitate de a obține codul HTML de mnemotec pentru personajul de care ai nevoie. Pentru a face acest lucru, va fi suficient să deschideți editorul Microsoft Word, să creați un nou document și să selectați „Insert” - „Simbol” din meniul de sus (folosesc versiunea 2003, așa că nu știu cum să fac un similar funcționarea în versiunile ulterioare).
În fereastra care se deschide, trebuie să selectați un font, de exemplu, Times New Roman (sau oricare altul care va fi prezent cu siguranță pe majoritatea computerelor vizitatorilor site-ului dvs. - Courier sau Arial, de exemplu).
Adăugați toate caracterele speciale de care aveți nevoie din lista care se deschide în documentul dvs. Word și salvați acest document Word ca pagină web (selectat din lista derulantă „.html” la salvare). Ei bine, atunci trebuie doar să deschideți această pagină web în orice editor Html (același Notepad ++ este bine) și veți vedea toate codurile digitale ale mnemotecilor de care aveți nevoie:
Metoda este puțin complicată, dar dacă simți nevoia să folosești un caracter special rar pe pagina site-ului tău, atunci va fi mai ușor decât să cauți pe internet tabele ca cel de mai sus. Va trebui să inserați codul de caracter special rezultat în locul potrivit și, în loc de acesta, pe pagina web, browserul va afișa caracterul de care aveți nevoie (de exemplu, un spațiu neîntrerupt).
Spațiu care nu se rupe și silabe moale în exemple
După cum am menționat mai sus și după cum puteți vedea din tabelul de caractere speciale dat chiar mai sus, unele mnemonice în Html au primit, pe lângă digitale, și o desemnare simbolică pentru memorarea lor mai ușoară. Acestea. în loc de semnul lire sterline „#” (hash), variantele de caractere folosesc cuvinte. De exemplu, același spațiu neîntrerupt poate fi scris fie ca (mnemonic digital), fie ca (caracter).
Când scrieți articole, dacă trebuie să introduceți un ampersand (&) sau un parantez unghiular deschis (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.
Adică, dacă scrieți un articol în care va trebui să introduceți în text, de exemplu, eticheta de afișare< body>sau altfel trebuie doar să inserați un semn mai puțin decât (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.
Prin urmare, va trebui să introduceți următoarea construcție pentru a rezolva o astfel de problemă:
Același lucru este valabil și pentru afișarea codului mnemonicului în sine, deoarece acestea încep cu un ampersand. Va trebui să inserați un cod în text cu înlocuirea semnului și cu înlocuirea acestuia (caracter special):
Acest lucru va trebui făcut pentru a ajunge pe pagină<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
De asemenea, cel mai probabil vei folosi un spațiu care nu se întrerupe, care va arăta ca un spațiu obișnuit pe o pagină web, dar browserul nu îl va trata deloc ca un caracter de spațiu și nu se va transfera peste el(de exemplu, acest lucru ar fi potrivit pentru expresii precum 1400 GB etc., pentru care nu ar fi de dorit să se poarte o cratimă pe linii diferite):
1400 GB.
Uneori poate apărea situația opusă atunci când textul conține cuvinte foarte lungi și doriți să vă asigurați că, dacă este necesar, browserul ar putea rupe aceste cuvinte cu un transfer. În astfel de scopuri, este furnizat un simbol special „transfer soft” -
Cuvânt lung, lung;
Când devine necesar să treceți la o altă linie, browserul va pune o cratimă în loc de mnemonicul soft wrap și va trimite restul cuvântului la următoarea linie. Dacă există suficient spațiu pentru a găzdui tot acest cuvânt pe o singură linie, atunci browserul nu va desena nicio linie nouă. Asta e, e simplu.
Multă baftă! Ne vedem curând pe site-ul paginilor blogului
Puteți viziona mai multe videoclipuri accesând");">
S-ar putea să fiți interesat
MailTo - ce este și cum se creează un link de e-mail în Html
Etichete și atribute ale titlurilor H1-H6, linie orizontală Hr, întrerupere de linie Br și paragraful P conform standardului Html 4.01
Cum să inserați un link și o imagine (foto) în etichetele HTML - IMG și A