Caractere speciale CSS. Caractere speciale HTML. De ce sunt necesare caractere speciale și cum să le folosești
Caracterele speciale HTML sunt constructe de limbaj speciale care se referă la caractere din setul de caractere utilizat în fișierele text. Tabelul arată o listă de caractere rezervate și speciale care nu pot fi adăugate la codul sursă al unui document HTML folosind tastatura:
- caractere care nu pot fi introduse folosind tastatura (de exemplu, un simbol de drepturi de autor)
- caractere destinate marcarii (de exemplu, un semn mai mare sau mai mic decât)
Astfel de caractere sunt adăugate folosind un cod numeric sau un nume.
Simbol | Cod numeric | Nume simbol | Descriere |
---|---|---|---|
" | " | " | ghilimele |
" | " | " | apostrof |
& | & | & | ampersand |
< | < | mai putin de semn | |
> | > | > | semn mai mult |
spațiu neîntrerupt (Un spațiu fără întrerupere este un spațiu care apare în interiorul unei linii ca un spațiu obișnuit, dar nu permite programelor de afișare și tipărire să întrerupă linia în acel punct.) | |||
¡ | ¡ | ¡ | semn de exclamare inversat |
¢ | ¢ | ¢ | cent |
£ | £ | £ | livre. |
¤ | ¤ | ¤ | valute |
¥ | ¥ | ¥ | yeni |
¦ | ¦ | ¦ | bară verticală spartă |
§ | § | § | secțiune |
¨ | ¨ | ¨ | interval (chirilic) |
© | semnul dreptului de autor | ||
ª | ª | ª | exponent ordinal feminin |
« | « | « | Citate franceze (herringbone) - stânga |
¬ | ¬ | ¬ | negație-expresii |
® | ® | ® | marcă înregistrată |
¯ | ¯ | ¯ | interval macron |
° | ° | ° | grad |
± | ± | ± | plus sau minus |
² | ² | ² | indicele 2 |
³ | ³ | ³ | indicele 3 |
´ | ´ | ´ | interval acut |
µ | µ | µ | micro |
¶ | ¶ | ¶ | paragraf |
· | · | · | punct de mijloc |
¸ | ¸ | ¸ | interval cedilla |
¹ | ¹ | ¹ | indicele 1 |
º | º | º | exponent ordinal masculin |
» | » | » | Citate franceze (herringbone) - corect |
¼ | ¼ | ¼ | 1/4 parte |
½ | ½ | ½ | 1/2 parte |
¾ | ¾ | ¾ | 3/4 părți |
¿ | ¿ | ¿ | semn de întrebare inversat |
× | × | × | multiplicare |
÷ | ÷ | ÷ | diviziune |
́ | ́ | accent | |
Œ | Œ | Œ | ligatură capitală OE |
œ | œ | œ | ligatura cu litere mici oe |
Š | Š | Š | S cu coroana |
š | š | š | S minuscul cu coroană |
Ÿ | Ÿ | Ÿ | Y majuscul cu tiara |
ƒ | ƒ | ƒ | f cu cârlig |
ˆ | ˆ | ˆ | accent dicriatic |
˜ | ˜ | ˜ | tildă mică |
– | – | - | liniuță |
— | — | — | ei liniuță |
‘ | ‘ | ‘ | ghilimele stânga |
’ | ’ | ’ | ghilimele drepte |
‚ | ‚ | ‚ | ghilimele de jos |
“ | “ | “ | ghilimele lăsate |
” | ” | ” | ghilimele drepte |
„ | „ | „ | ghilimele duble inferioare |
† | † | † | pumnal |
‡ | ‡ | ‡ | pumnal dublu |
. | glonţ | ||
… | … | … | elipsă orizontală |
‰ | ‰ | ‰ | ppm (mii) |
′ | ′ | ′ | minute |
″ | ″ | ″ | secunde |
‹ | ‹ | ‹ | citat unic din colțul din stânga |
› | › | › | citat unic din colțul din dreapta |
‾ | ‾ | ‾ | supraliniere |
€ | € | € | Euro |
™ | ™ sau | ™ | marcă comercială |
← | ← | ← | săgeată stânga |
săgeată sus | |||
→ | → | → | săgeata dreapta |
↓ | ↓ | ↓ | săgeată în jos |
↔ | ↔ | ↔ | săgeată dublă |
↵ | ↵ | ↵ | săgeată de întoarcere a căruciorului |
⌈ | ⌈ | ⌈ | colțul din stânga sus |
⌉ | ⌉ | ⌉ | colțul din dreapta sus |
⌊ | ⌊ | ⌊ | colțul din stânga jos |
⌋ | ⌋ | ⌋ | colțul din dreapta jos |
◊ | ◊ | ◊ | romb |
♠ | ♠ | ♠ | culmi |
♣ | ♣ | ♣ | cruce |
viermi | |||
♦ | ♦ | ♦ | diamante |
Simboluri matematice acceptate în HTML
Simbol | Cod numeric | Nume simbol | Descriere |
---|---|---|---|
∀ | ∀ | ∀ | pentru oricine, pentru toată lumea |
∂ | ∂ | ∂ | Parte |
∃ | ∃ | ∃ | există |
∅ | ∅ | ∅ | set gol |
∇ | ∇ | ∇ | operator Hamilton (nabla) |
∈ | ∈ | ∈ | aparține setului |
∉ | ∉ | ∉ | nu aparține setului |
∋ | ∋ | ∋ | sau |
∏ | ∏ | ∏ | lucru |
∑ | ∑ | ∑ | sumă |
− | − | − | minus |
∗ | ∗ | ∗ | multiplicare sau operator conjugat la |
× | × | &ori | semn de înmulțire |
√ | √ | √ | rădăcină pătrată |
∝ | ∝ | ∝ | proporționalitatea |
∞ | ∞ | ∞ | infinit |
⋮ | ⋮ | multiplicitate | |
∠ | ∠ | ∠ | colţ |
∧ | ∧ | ∧ | Şi |
∨ | ∨ | ∨ | sau |
∩ | ∩ | ∩ | intersecţie |
∪ | ∪ | ∪ | asociere |
∫ | ∫ | ∫ | integrală |
∴ | ∴ | ∴ | De aceea |
∼ | ∼ | ∼ | ca |
≅ | ≅ | ≅ | comparabil |
≈ | ≈ | ≈ | aproximativ egale |
≠ | ≠ | ≠ | nu egali |
≡ | ≡ | ≡ | identic |
≤ | ≤ | ≤ | mai mic sau egal cu |
⩽ | ⩽ ⩽ |
⩽ ⩽ |
mai mic sau egal cu |
≥ | ≥ | ≥ | mai mare sau egal cu |
⩾ | ⩾ ⩾ |
⩾ ⩾ |
mai mare sau egal cu |
⊂ | ⊂ | ⊂ | subset |
⊃ | ⊃ | ⊃ | superseturi |
⊄ | ⊄ | ⊄ | nu un subset |
⊆ | ⊆ | ⊆ | subset |
⊇ | ⊇ | ⊇ | superset |
⊕ | ⊕ | ⊕ | suma directă |
⊗ | ⊗ | ⊗ | produs mai tensionat |
⊥ | ⊥ | ⊥ | perpendicular |
⋅ | ⋅ | ⋅ | operator punct |
Alfabetul grecesc și copt
Simbol | Cod numeric | Cod hexadecimal | Nume simbol |
---|---|---|---|
Ͱ | Ͱ | Ͱ | |
ͱ | ͱ | ͱ | |
Ͳ | Ͳ | Ͳ | |
ͳ | ͳ | ͳ | |
ʹ | ʹ | ʹ | |
͵ | ͵ | ͵ | |
Ͷ | Ͷ | Ͷ | |
ͷ | ͷ | ͷ | |
ͺ | ͺ | ͺ | |
ͻ | ͻ | ͻ | |
ͼ | ͼ | ͼ | |
ͽ | ͽ | ͽ | |
; | ; | ; | |
΄ | ΄ | ΄ | |
΅ | ΅ | ΅ | |
Ά | Ά | Ά | |
· | · | · | |
Έ | Έ | Έ | |
Ή | Ή | Ή | |
Ί | Ί | Ί | |
Ό | Ό | Ό | |
Ύ | Ύ | Ύ | |
Ώ | Ώ | Ώ | |
ΐ | ΐ | ΐ | |
Α | Α | Α | Α |
Β | Β | Β | Β |
Γ | Γ | Γ | Γ |
Δ | Δ | Δ | Δ |
Ε | Ε | Ε | Ε |
Ζ | Ζ | Ζ | Ζ |
Η | Η | Η | Η |
Θ | Θ | Θ | Θ |
Ι | Ι | Ι | Ι |
Κ | Κ | Κ | Κ |
Λ | Λ | Λ | Λ |
Μ | Μ | Μ | Μ |
Ν | Ν | Ν | Ν |
Ξ | Ξ | Ξ | Ξ |
Ο | Ο | Ο | Ο |
Π | Π | Π | Π |
Ρ | Ρ | Ρ | Ρ |
Σ | Σ | Σ | Σ |
Τ | Τ | Τ | Τ |
Υ | Υ | Υ | Υ |
Φ | Φ | Φ | Φ |
Χ | Χ | Χ | Χ |
Ψ | Ψ | Ψ | Ψ |
Ω | Ω | Ω | Ω |
Ϊ | Ϊ | Ϊ | |
Ϋ | Ϋ | Ϋ | |
ά | ά | ά | |
έ | έ | έ | |
ή | ή | ή | |
ί | ί | ί | |
ΰ | ΰ | ΰ | |
α | α | α | α |
β | β | β | β |
γ | γ | γ | γ |
δ | δ | δ | δ |
ε | ε | ε | ε |
ζ | ζ | ζ | ζ |
η | η | η | η |
θ | θ | θ | θ |
ι | ι | ι | ι |
κ | κ | κ | κ |
λ | λ | λ | λ |
μ | μ | μ | μ |
ν | ν | ν | ν |
ξ | ξ | ξ | ξ |
ο | ο | ο | ο |
π | π | π | π |
ρ | ρ | ρ | ρ |
ς | ς | ς | ς |
σ | σ | σ | σ |
τ | τ | τ | τ |
υ | υ | υ | υ |
φ | φ | φ | φ |
χ | χ | χ | χ |
ψ | ψ | ψ | ψ |
ω | ω | ω | ω |
ϊ | ϊ | ϊ | |
ϋ | ϋ | ϋ | |
ό | ό | ό | |
ύ | ύ | ύ | |
ώ | ώ | ώ | |
Ϗ | Ϗ | Ϗ | |
ϐ | ϐ | ϐ | |
ϑ | ϑ | ϑ | ϑ |
ϒ | ϒ | ϒ | ϒ |
ϓ | ϓ | ϓ | |
ϔ | ϔ | ϔ | |
ϕ | ϕ | ϕ | ϕ |
ϖ | ϖ | ϖ | ϖ |
ϗ | ϗ | ϗ | |
Ϙ | Ϙ | Ϙ | |
ϙ | ϙ | ϙ | |
Ϛ | Ϛ | Ϛ | |
ϛ | ϛ | ϛ | |
Ϝ | Ϝ | Ϝ | Ϝ |
ϝ | ϝ | ϝ | ϝ |
Ϟ | Ϟ | Ϟ | |
ϟ | ϟ | ϟ | |
Ϡ | Ϡ | Ϡ | |
ϡ | ϡ | ϡ | |
Ϣ | Ϣ | Ϣ | |
ϣ | ϣ | ϣ | |
Ϥ | Ϥ | Ϥ | |
ϥ | ϥ | ϥ | |
Ϧ | Ϧ | Ϧ | |
ϧ | ϧ | ϧ | |
Ϩ | Ϩ | Ϩ | |
ϩ | ϩ | ϩ | |
Ϫ | Ϫ | Ϫ | |
ϫ | ϫ | ϫ | |
Ϭ | Ϭ | Ϭ | |
ϭ | ϭ | ϭ | |
Ϯ | Ϯ | Ϯ | |
ϯ | ϯ | ϯ | |
ϰ | ϰ | ϰ | ϰ |
ϱ | ϱ | ϱ | ϱ |
ϲ | ϲ | ϲ | |
ϳ | ϳ | ϳ | |
ϴ | ϴ | ϴ | |
ϵ | ϵ | ϵ | ϵ |
϶ | ϶ | ϶ | ϶ |
Ϸ | Ϸ | Ϸ | |
ϸ | ϸ | ϸ | |
Ϲ | Ϲ | Ϲ | |
Ϻ | Ϻ | Ϻ | |
ϻ | ϻ | ϻ | |
ϼ | ϼ | ϼ | |
Ͻ | Ͻ | Ͻ | |
Ͼ | Ͼ | Ͼ | |
Ͽ | Ͽ | Ͽ |
De ce sunt necesare caractere speciale și cum să le folosești
Să presupunem că decizi să descrii o etichetă pe pagina ta, dar din moment ce browserul folosește caractere< и >precum începutul și sfârșitul unei etichete, aplicarea acestora în conținutul codului dvs. HTML poate duce la probleme. Dar HTML vă oferă o modalitate ușoară de a defini aceste și alte caractere speciale folosind abrevieri simple numite referiri la simboluri.
Să ne uităm la cum funcționează. Pentru fiecare caracter care este considerat special sau pe care doriți să îl utilizați pe pagina dvs. web, dar care nu poate fi tipărit în editorul dvs. (de exemplu, simbolul dreptului de autor), găsiți abrevierea și o imprimați în codul html în locul caracterului dorit. . De exemplu, pentru simbolul ">" abrevierea este > , iar pentru simbolul "<" - < .
Să presupunem că doriți să tipăriți „Element foarte important” pe pagina sa. În schimb, va trebui să utilizați referințe la simbolurile de care aveți nevoie pentru a afișa corect intrarea și, în final, intrarea dvs. în cod ar trebui să arate astfel:
Element foarte important
Încercați »Un alt caracter special despre care trebuie să știți este simbolul & (ampersand). Dacă doriți să apară pe pagina dvs. HTML, utilizați linkul & în loc de simbolul &.
Simbolul bifă nu este prezent pe tastatură, dar folosind combinații speciale îl puteți adăuga cu ușurință la mesaj, postare sau document text.
Să aruncăm o privire mai atentă la cum se poate face acest lucru.
Tipuri de bifă + utilizări
Semnul de selectare (pasăre, corocă) este o pictogramă specială care este adesea folosită pentru a descrie confirmarea a ceva.
Poate fi găsit în designul listelor sau sublinierea gândurilor. După ce ați citit următoarele instrucțiuni, puteți găsi și utiliza singur simbolul.
Cea mai simplă opțiune este să copiați obiectul din acest articol. Există mai multe tipuri de pictograme:
Dacă aveți nevoie de o bifă de utilizat într-o propoziție sau expresie, pur și simplu copiați elementul care vă place, evidențiind-l și apăsând CTRL și C de pe tastatură.
Pentru a tasta singur o pasăre pe tastatură, trebuie să utilizați Unicode. Tastați litera U și +. Apoi trebuie să formați codul insigna.
Denumirile digitale pentru diferite tipuri de bifă sunt următoarele: 2713 (semn obișnuit), 2714 (font aldine), 2705 (bifă evidențiată într-un pătrat), 2611 (bifă obișnuită într-un pătrat).
Dacă combinația U+2713 sau alta nu se transformă automat într-o bifă, cel mai probabil documentul nu este setat să recunoască automat caracterele Unicode sau introduceți codul incorect.
Textul va fi transformat imediat în simbolul dorit, astfel încât să îl puteți tasta în siguranță în mesaje și diverse postări.
Pictogramă în MS Word
Oricine l-a folosit vreodată știe că setarea caracterelor speciale ajută la structurarea documentului și îl face ușor de citit.
Este posibil să aveți nevoie de bifa în procesul de creare a unei liste de sarcini sau a unei enumerari.
Utilizatorii neexperimentați creează un semn adăugând în document o imagine cu elementul dorit. Această abordare este incorectă, deoarece crește dimensiunea finală a fișierului.
Totul se poate face mult mai ușor. Pentru a bifa caseta din Word, urmați următorii pași.
- Deschideți documentul în orice versiune a programului. În funcție de anul în care a fost lansat software-ul, locația filelor necesare poate diferi;
- Faceți clic pe secțiunea „Inserare”;
- În partea dreaptă a barei de instrumente, găsiți elementul „Simbol” și faceți clic pe el;
- În fereastra drop-down, faceți clic pe „Alte simboluri”.
- În fereastra pop-up, puteți găsi bifa folosind una dintre cele două metode. Selectați setul „Dingbats” și faceți clic pe elementul dorit din lista propusă sau introduceți codul elementului în Unicode (hexazecimal) în partea de jos a ferestrei. De exemplu, 2714. Word va găsi automat obiectul de care aveți nevoie. Faceți clic pe el și confirmați acțiunea făcând clic pe „OK”.
Fig. 3 - caractere speciale în Word
După adăugarea unei bifări în corpul documentului, îi puteți aplica orice formatare: schimbați culoarea, fontul, tipul titlului și alte opțiuni.
Astăzi vei afla cum se face o casetă de selectare în HTML si adauga la el CSS stiluri pentru o mai bună compatibilitate cu designul site-ului.
Demonstraţie
Casetă de selectare în HTML
Să creăm un bloc cu patru casete de selectare, prima va fi marcată cu o bifă. Fiecare casetă de selectare va fi inclusă într-o etichetă eticheta, în interiorul căruia există un câmp de introducere, text și un element span a fi stilizat.
Etichetă eticheta servește ca un container pentru fiecare casetă de selectare pentru claritate, am stabilit temporar un cadru roșu pentru etichetă eticheta. Când aveți puțină experiență, aceasta este o modalitate bună de a vedea limitele oricărei etichete pentru a nu acționa orbește.
CSS pentru caseta de selectare
Etichetă de linie eticheta, înlocuiți-l cu bloc (afișare: bloc) astfel încât casetele de selectare să stea una sub alta, user-select: niciunul– împiedică utilizatorul să selecteze un element.
Container (
afisare: bloc;
user-select: niciunul;
}
Acest cod ascunde stilurile implicite de browser pentru caseta de selectare. Facem elementul complet transparent prin opacitate, lățimeŞi înălţime cu o valoare zero și, în locul lor, setați stiluri personalizate pentru caseta de selectare.
Introducere container (
opacitate: 0;
inaltime: 0;
latime: 0;
}
Creăm casete de selectare personalizate. Schimbați dimensiunea și culoarea fundalului.
Bifă (
înălțime: 23px;
latime: 22px;
culoare de fundal: #eec321;
}
Când treceți cursorul, faceți culoarea de fundal puțin mai închisă.
Container:hover input ~ .checkmark (
culoare de fundal: #ccc678;
}
Pentru caseta de selectare bifată, setați o culoare diferită pentru fundal.
Introducere container: bifat ~ .checkmark (
culoare de fundal: #2196f3;
}
Ascunderea casetei de selectare pentru casetele de selectare nebifate folosind un pseudo-element după.
Bifă: după (
continut: "";
poziție: absolută;
afișaj: niciunul;
}
Facem bifa vizibilă numai pentru casetele de selectare bifate.
Introducere container:verificat ~ .checkmark:după (
afisare: bloc;
}
Desenați și stilizați bifa. Tragem o bifă pe un gol CSS. Să desenăm un dreptunghi cu un cadru alb, cele două laturi ale dreptunghiului nu au cadru (lățime zero), obținem un colț dreptunghiular, îl rotim la 45 de grade și obținem o bifă.
Caracterele speciale sunt caractere tehnice care nu sunt reprezentate pe tastatură și sunt codificate folosind UNICODE sau un alt metalimbaj. Caracterele speciale sunt împărțite în grupuri: matematice, alfabet grecesc, ISO 8859-1 și altele. De ce sunt necesare și cum să le folosiți, citiți mai departe în articol.
Utilizarea caracterelor speciale la scrierea documentelor
Utilizarea este în următoarele scopuri:
- Oferirea articolului de completitudine și estetică. Semnele speciale vă ajută să înțelegeți rapid valorile dimensionale sau să citiți un nume istoric în latină sau greacă.
- Unele elemente asigură aspectul corect al documentului. De exemplu, „” și „” sunt diferite, primele sunt transmise prin mijloace standard, celelalte prin caractere speciale.
- Așezarea documentelor matematice nu se poate face fără cunoașterea principalelor grupe de elemente.
Semne de bază
Materialul vă va permite să găsiți caractere speciale în codificarea corespunzătoare pentru inserarea rapidă în text.
Aspect | Desemnare | cod HTML | Cod CSS |
☃ | Omul de zăpadă | ☃ | \2603 |
☦ | cruce ortodoxă | ☦ | \2626 |
⚓ | Ancoră | ⚓ | \2693 |
✆ | Semn de telefon | ✆ | \2706 |
☎ | Telefon | ☎ | \260E |
☕ | Băuturi calde | ☕ | \2615 |
✎ | Creion îndreptat în jos | ✎ | \270E |
✏ | Creion | ✏ | \270F |
✐ | Creion îndreptat în sus spre dreapta | ✐ | \2710 |
✑ | Penita goală | ✑ | \2711 |
✒ | Peniță umplută | ✒ | \2712 |
⚜ | flori de lis | ⚜ | \269C |
⛑ | Casca cu cruce alba | ⛑ | \26D1 |
⚝ | Steaua albă desenată | ⚝ | \269D |
❄ | Fulg de nea | ❄ | \2744 |
❤ | Inima îndrăzneață umbrită | ❤ | \2764 |
❅ | Fulg de nea cuprins de trifoi | ❅ | \2745 |
❆ | Fulg de zăpadă gras cu unghi ascuțit | ❆ | \2746 |
★ | Steaua umbrită | ★ | \2605 |
☆ | Steaua goală | ☆ | \2606 |
✪ | Steaua neumplută într-un cerc plin | ✪ | \272A |
✫ | Steaua plină cu un cerc deschis înăuntru | ✫ | \272B |
✯ | Steaua rotativă | ✯ | \272F |
❉ | Steaua cu capete sferice | ❉ | \2749 |
❋ | Elice îndrăznețe în formă de picătură cu opt colțuri | ❋ | \274B |
✲ | Steaua cu centru gol | ✲ | \2732 |
☀ | Soare pictat cu raze | ☀ | \2600 |
☁ | nori | ☁ | \2601 |
☂ | Umbrelă | ☂ | \2602 |
☑ | Bifă într-un pătrat | ☑ | \2611 |
☒ | Cruce într-un pătrat | ☒ | \2612 |
☹ | Emoticon încruntat | ☹ | \2639 |
☺ | Emoticon zâmbitor | ☺ | \263A |
☻ | Emoticon zâmbitor umbrit | ☻ | \263B |
☭ | Secera și ciocanul | ☭ | \262D |
⚑ | Steagul umplut | ⚑ | \2691 |
⚐ | Steagul gol | ⚐ | \2690 |
☰ | Trigramă | ☰ | \2630 |
✿ | Floare pictată | ✿ | \273f |
❀ | Floare goală | ❀ | \2740 |
✾ | Floare cu șase petale | ✾ | \273E |
❁ | Floare conturată colorată | ❁ | \2741 |
❂ | Floare făcută din puncte | ❂ | \2742 |
✉ | Plic | ✉ | \2709 |
❦ | Inimă sub formă de floare | ❦ | \2766 |
❶ | Numărul 1 | ❶ | \2776 |
❷ | Numărul 2 | ❷ | \2777 |
❸ | Numărul 3 | ❸ | \2778 |
❹ | Numărul 4 | ❹ | \2779 |
❺ | Numărul 5 | ❺ | \277A |
❻ | Numărul 6 | ❻ | \277B |
❼ | Numărul 7 | ❼ | \277C |
❽ | Numărul 8 | ❽ | \277D |
➒ | Numărul 9 | ➒ | \2792 |
➓ | Numărul 10 | ➓ | \2793 |
✖ | Semn de înmulțire aldine | ✖ | \2716 |
✘ | cruce îndrăzneață | ✘ | \2718 |
✔ | Bifă aldine | ✔ | \2714 |
✚ | cruce grasă | ✚ | \271A |
⚛ | Simbol atomic | ⚛ | \269B |
♺ | Simbol de reciclare | ♺ | \267A |
❑ | Pătrat neumplut cu umbră din dreapta jos | ❑ | \2751 |
❒ | Pătrat neumplut cu umbră din dreapta sus | ❒ | \2752 |
◈ | Diamant într-un cadru | ◈ | \25C8 |
◐ | Cerc cu jumătatea stângă completată | ◐ | \25D0 |
◑ | Cercul cu jumătatea dreaptă completată | ◑ | \25D1 |
⁂ | Trei stele | ⁂ | \2042 |
Semne de punctuație
Aspect | Desemnare | cod HTML | Cod CSS |
< | Mai puțin decât semnul (începutul etichetei) | < | \003C |
> | Mai mare decât semnul (sfârșitul etichetei) | > | \003E |
« | Suport dublu unghi stâng | « | \00AB |
» | Suport cu unghi dublu drept | » | \00BB |
‹ | Colțul din stânga ghilimele simple | ‹ | \2039 |
› | Colțul din dreapta ghilimele simple | › | \203A |
« | ghilimele duble | " | \0022 |
′ | O singură lovitură | ′ | \2032 |
″ | Cursă dublă | ″ | \2033 |
‘ | ghilimele din stânga | ‘ | \2018 |
’ | ghilimele drepte | ’ | \2019 |
‚ | Ghilimele de jos | ‚ | \201A |
“ | ghilimele duble stânga | “ | \201C |
” | ghilimele duble corecte | ” | \201D |
„ | Ghilimele duble de jos | „ | \201E |
❜ | Virgulă îndrăzneață unică | ❜ | \275C |
❛ | Virgulă aldine rotită de sus | ❛ | \275B |
& | Ampersand | & | \0026 |
‘ | Apostrof (ghilimele unice) | " | \0027 |
§ | Paragraf | § | \00A7 |
© | Semnul dreptului de autor | \00A9 | |
¬ | Semn de negație | ¬ | \00AC |
® | Marcă înregistrată | ® | \00AE |
¯ | Macron | ¯ | \00AF |
° | grad | ° | \00B0 |
± | Plus sau minus | ± | \00B1 |
¹ | Superscript „1” | ¹ | \00B9 |
² | Superscript „2” | ² | \00B2 |
³ | Superscript „3” | ³ | \00B3 |
¼ | Un sfert | ¼ | \00BC |
½ | O secundă | ½ | \00BD |
¾ | Trei sferturi | ¾ | \00BE |
´ | Semn de accent | ´ | \00B4 |
µ | Micro | µ | \00B5 |
¶ | Marca de paragraf | ¶ | \00B6 |
· | Semnul de înmulțire | · | \00B7 |
¿ | Semn de întrebare inversat | ¿ | \00BF |
ƒ | semnul Florin | ƒ | \0192 |
™ | Semn de marcă comercială | ™ | \2122 |
Marcator de listă | . | \2022 | |
… | Elipsă | … | \2026 |
‾ | Supralinierea | ‾ | \203E |
– | Em liniuță | - | \2013 |
- | Em liniuță | — | \2014 |
‰ | ppm | ‰ | \2030 |
} | Acolada dreapta | } | \007D |
{ | Acolada stângă | { | \007B |
= | Semn egal | = | \003D |
≠ | Semnul inegalității | ≠ | \2260 |
≅ | Congruență (egalitate geometrică) | ≅ | \2245 |
≈ | Aproape egal | ≈ | \2248 |
≤ | Mai mic sau egal | ≤ | \2264 |
≥ | Mai mare sau egal | ≥ | \2265 |
∠ | Colţ | ∠ | \2220 |
⊥ | Perpendicular (buton sus) | ⊥ | \22A5 |
√ | Rădăcină pătrată | √ | \221A |
∑ | Însumarea n-ariană | ∑ | \2211 |
∫ | Integral | ∫ | \222B |
※ | Semnul notei de subsol | ※ | \203B |
÷ | Semnul diviziunii | ÷ | \00F7 |
∞ | Semnul infinitului | ∞ | \221E |
@ | Simbol câine | @ | \0040 |
[ | Paranteză pătrată din stânga | [ | \005B |
] | Paranteză pătrată dreaptă | ] | \005D |
Săgeți
Aspect | Desemnare | cod HTML | Cod CSS |
← | Săgeată stânga | ← | \2190 |
Săgeată sus | \2191 | ||
→ | Săgeata dreapta | → | \2192 |
↓ | Săgeată în jos | ↓ | \2193 |
↔ | Săgeată stânga-dreapta | ↔ | \2194 |
↵ | Săgeată în jos și stânga – semn de întoarcere a căruciorului | ↵ | \21B5 |
⇐ | Săgeată dublă stânga | ⇐ | \21D0 |
⇑ | Dubla săgeată în sus | ⇑ | \21D1 |
⇒ | Săgeată dublă la dreapta | ⇒ | \21D2 |
⇓ | Dubla săgeată în jos | ⇓ | \21D3 |
⇔ | Săgeată dublă stânga-dreapta | ⇔ | \21D4 |
➠ | Săgeată zburătoare | ➠ | \27A0 |
➤ | Vârf de săgeată | ➤ | \27A4 |
➥ | Săgeată curbată îndreptată în jos și spre dreapta | ➥ | \27A5 |
➦ | Săgeată curbată îndreptată în sus și la dreapta | ➦ | \27A6 |
➳ | Săgeată spre dreapta | ➳ | \27B3 |
↺ | ↺ | \21BA | |
↻ | Săgeată rotundă cu vârf în sens invers acelor de ceasornic | ↻ | \21BB |
⇧ | Săgeată groase în gol | ⇧ | \21E7 |
↩ | Săgeată stânga cu cârlig | ↩ | \21A9 |
➫ | Săgeată înclinată în jos | ➫ | \27AB |
⬇ | Săgeată în jos umplută | ⬇ | \2B07 |
⬆ | Săgeată umplută | ⬆ | \2B06 |
Costume de cărți, semne zodiacale și pictograme valutare
Aspect | Desemnare | cod HTML | Cod CSS |
♠ | "Pică" | ♠ | \2660 |
♣ | "Cluburi" | ♣ | \2663 |
"Inimi" | \2665 | ||
♦ | "Diamante" | ♦ | \2666 |
♡ | Contur „Inimi” | ♡ | \2661 |
♢ | Contur „Tamburine” | ♢ | \2662 |
♤ | Conturul vârfurilor | ♤ | \2664 |
♧ | Schițați „Cluburile” | ♧ | \2667 |
¢ | Cent | ¢ | \FFE0 |
£ | Liră sterlină | £ | \FFE1 |
₽ | rubla rusă | ₽ | \20BD |
¥ | Yen sau Yuan | ¥ | \00A5 |
€ | Euro | € | \20AC |
$ | Dolar | $ | \0024 |
₴ | Semnul Hryvnia | ₴ | \20B4 |
₹ | Rupia indiană | ₹ | \20B9 |
圓 | CNY | 圓 | \5713 |
₸ | tenge kazah | ₸ | \20B8 |
♈ | Berbec | ♈ | \2648 |
♉ | Taurul | ♉ | \2649 |
♊ | Gemenii | ♊ | \264A |
♋ | Cancer | ♋ | \264B |
♌ | Leu | ♌ | \264C |
♍ | Fecioara | ♍ | \264D |
♎ | Cântare | ♎ | \264E |
♏ | Scorpion | ♏ | \264F |
♐ | Săgetător | ♐ | \2650 |
♑ | Capricornul | ♑ | \2651 |
♒ | Vărsător | ♒ | \2652 |
♓ | Peşte | ♓ | \2653 |
alfabet grecesc
Scrisoare | litere mici | capitalele | ||
simbol | cod html | simbol | cod html | |
α | Α | |||
β | Β | |||
γ | Γ | |||
δ | Δ | |||
ε | Ε | |||
ζ | Ζ | |||
η | Η | |||
θ | Θ | |||
ι | Ι | |||
κ | Κ | |||
λ | Λ | |||
μ | Μ | |||
ν | Ν | |||
ξ | Ξ | |||
ο | Ο | |||
π | Π | |||
ρ | Ρ | |||
σ | Σ | |||
ς | ||||
τ | Τ | |||
υ | Υ | |||
φ | Φ | |||
χ | Χ | |||
ψ | Ψ | |||
ω | Ω |
Cum să-l folosești în practică
Indiferent de CMS, adăugarea unui articol se face folosind un editor vizual și o versiune HTML. Toate caracterele speciale din codificare pot fi inserate numai în al doilea caz. Pentru a utiliza corect instrumentele, se recomandă să luați notă de tabelele care arată codul și reprezentarea externă.
Vă rugăm să rețineți că dacă introduceți un semn în reprezentarea vizuală a unui articol, elementul va fi convertit în codul corespunzător în HTML. Când introduceți manual informații, luați în considerare cazul, care afectează rezultatul final.
Textul dactilografiat este format din caractere tipărite - simboluri grafice.
Simbolurile grafice sunt simboluri care au o afișare vizibilă în text.
Toate simbolurile grafice sunt colectate într-un set de un singur sistem Unicode universal.
Inserați un simbol grafic Unicode într-un document html
- scopul principal și singurul pentru acest tabel.
Puteți insera un simbol într-un document HTML într-unul dintre următoarele moduri:
- copiați imaginea simbolului din fereastra browserului în fereastra editorului dvs. vizual html
- copiați codul html al simbolului direct în codul documentului html
- introduceți vizual în vizual
- introduceți codul în cod.
Fontul pentru un simbol, dimensiunea și culoarea acestuia în HTML pot fi setate cu cod ca:
CARACTER_CODE
Unde,
Arial - font,
10px - dimensiunea fontului în pixeli,
#ff0000 - codul culorii fontului (roșu)
De exemplu:
☎ - dimensiunea fontului caracterelor 30px,
☎ - dimensiune font simbol 30px, culoare - roșu
☎ - dimensiunea fontului caracterelor 20px,
☎ - dimensiunea fontului simbol 10px.
Nota Fonturile recomandate pentru inserarea caracterelor speciale sunt Arial, Verdana și Tahoma. Aceste fonturi afișează corect caracterele Unicode și sunt, la rândul lor, corect acceptate de aplicațiile web.
- "Simbol"
(afișare simbol vizibil)
Din această coloană puteți copia imaginea simbol și o puteți lipi în fereastra editorului de text HTML. Simbolul va fi copiat cu o dimensiune a fontului de 20px. După finalizarea copierii, poate fi necesar să ajustați individual dimensiunea fontului direct la caracterul copiat. - "Nume"
(doar pentru personajele importante sau neclare)
Explicația scopului simbolului, domeniul său de aplicare, exemple... - „Mnemonice”
Un mnemotec este o construcție alfabetică a formei ", care denotă codul alfabetic al unui caracter în HTML. Este inserat direct în codul html al unui document html. Mnemoteciile sunt foarte populare printre designerii profesioniști de layout. Sunt perfect memorate de oameni și sunt acceptate de toate aplicațiile html Fiecare mnemonică conține un nume alfabetic (desemnare) al simbolului său și un semn de serviciu (&), care servește ca semnal pentru browser pentru a citi codul și nu este afișat pe ecranul monitorului al fiecărui mnemonic este unic și ușor de citit, deoarece este derivat din cuvântul englezesc care caracterizează simbolul.Mnemonică (greacă) - arta de a-ți aminti ceva. Mnemonicele sunt folosite pentru a facilita percepția informațiilor greu de memorat atunci când obiectul memorării este adus într-o stare asociativă cu ceva.
- "Cod"
Cod - codul zecimal numeric al unui caracter în HTML, cum ar fi &. Inserat direct în codul html al unui document html. Codul zecimal constă dintr-un număr care indică numărul de serie al caracterului în sistemul Unicode și mai multe caractere de serviciu (& și #), care servesc drept semnal pentru browser pentru a citi codul și nu sunt afișate pe ecranul monitorului. Codul zecimal este utilizat și utilizat pe scară largă datorită versatilității și ușurinței de percepție.
Caractere de control în HTML (XHTML)
Caracterele de control în HTML (XHTML) sunt caractere de serviciu ale limbajului HTML care sunt utilizate în aspectul HTML al unei pagini web. Orice browser trebuie să accepte aceste caractere, deoarece fără ele este imposibil să se afișeze corect textul HTML. Caracterele de control nu sunt afișate în text și, atunci când sunt introduse direct de la tastatură, sunt interpretate de browser ca semne de punctuație care solicită o anumită acțiune care trebuie efectuată atunci când pagina este desenată pe ecran.
Este permisă utilizarea caracterelor de control în textele obișnuite, unde acestea simbolizează concepte universale și sunt interpretate de browser ca caractere tipografice obișnuite. Când utilizați simboluri de serviciu în texte HTML în acest fel, trebuie să introduceți nu valoarea simbolului în sine, ci codul său HTML. Pentru că, repet, altfel browserul va percepe simbolul serviciului ca un apel la acțiune și nu va afișa corect textul HTML pe ecranul monitorului.
Simbolurile de control și codul lor HTML sunt cunoscute și înțelese de toate browserele fără excepție, ceea ce nu se poate spune, din păcate, despre alte simboluri care pot fi afișate incorect în diferite browsere sau, și mai rău, deloc afișate.
Sintaxă și punctuație
spațiu de lungime N (spațiu regulat) | |||||
spațiu de lungime M (spațiu lung) | |||||
- | cratima moale (caracter neimprimabil) | - | | ||
‑ | cratimă | ‑ |
|||
---|---|---|---|---|---|
- | liniuță de lungime N (liniuță obișnuită) | - | – | ||
— | liniuță de lungime M (liniuță em) | — | — | ||
. | punct | . | |||
, | virgulă | , | |||
… | elipsă | … |
… |
||
: | colon | : | |||
; | punct şi virgulă | ; | |||
! | semnul exclamării | ! ǃ |
|||
? | semnul întrebării | ? | |||
@ | "câine" | @ | |||
* | "stea" | * | |||
# | "zăbrele" | # | |||
‘ | citat unic din stânga sus | ‘ | ‘ |
||
’ | citat unic din dreapta sus | ’ | ’ |
||
‚ | citat unic din dreapta jos | ‚ | ‚ |
||
“ | citat dublu sus stânga | “ | “ |
||
” | citatul dublu din dreapta sus | ” | ” |
||
„ | citatul dublu din dreapta jos | &bdquo | „ |
||
« | ghilimele duble din colțul din stânga (Rus) | « | « | ||
» | ghilimele dublu colț din dreapta (Rus) | » | » | ||
́ | semn de accent, exemplu: Vasya | ́ | |||
" | apostrof, exemplu: Tu"Eu | " | |||
´ | acut, exemplu: Vasya | ´ | ´ | ||
¶ | paragraf (caracter neimprimabil) | ¶ | ¶ | ||
§ | paragraf | § | § | ||
ˆ | accent (pasăre inversată) | ˆ | ˆ |
||
˜ | tildă mică | ˜ | ˜ |
||
¦ | linie punctată verticală | ¦ | ¦ | ||
( | paranteza stângă | ( | |||
) | paranteza dreapta | ) | |||
〈 | paranteză unghiulară stângă | 〈 | 〈 | ||
〉 | suport unghi drept | 〉 | 〉 | ||
‹ | suport unghi stâng, opțiune | ‹ | ‹ | ||
› | suport unghi drept, opțiune | › | › | ||
[ | paranteză pătrată stânga | [ | |||
] | paranteză dreptă | ] | |||
/ | slash - caracter slash | / | |||
\ | backslash | \ | |||
⁄ | slash (semn de diviziune) | ⁄ | ⁄ | ||
ǀ | bară verticală | ǀ | |||
ǁ | bară verticală dublă | ǁ | |||
‾ | supraliniere, exemplu: Vasya‾vasya | ‾ | ‾ | ||
¯ | macron, exemplu: Vasya¯vasya | ¯ | ¯ |
Mărci comerciale și monedă
+ | plus | + | + | ||
---|---|---|---|---|---|
− | minus | − | - − |
||
= | egală | = | |||
± | plus sau minus | ± | ± | ||
× | semn de înmulțire | × | × | ||
÷ | semn de diviziune | ÷ | ÷ | ||
⋅ | operator punct (mijlocul liniei) | ⋅ | · ⋅ |
||
∗ | operator asterisc (mijlocul liniei) | ∗ | ∗ | ||
∼ | operator tilde | ∼ | ∼ | ||
. | marcator de listă (mijlocul liniei) | . | |
||
¹ | indicele „1” | ¹ | ¹ | ||
² | indicele „2” | ² | ² | ||
³ | indicele „3” | ³ | ³ | ||
Superscript și indice în HTML (XHTML) poate fi introdus folosind etichete Şi , respectiv: NUMĂR Superscript→ NUMĂR Superscript NUMĂR Indice→ NUMĂR Indice |
|||||
½ | fracție „o jumătate” | ½ | ½ | ||
⅓ | fracțiune „o treime” | ⅓ | |||
¼ | fracția „un sfert” | ¼ | ¼ | ||
¾ | fracția „trei sferturi” | ¾ | ¾ | ||
№ | semnul numeric | № | |||
% | la sută | % | |||
‰ | ppm | ‰ | ‰ |
||
° | grade | ° | ° | ||
′ | prim (minute, picioare) | ′ | ′ | ||
″ | prim dublu (secunde, inci) Exemplul 1: 30° 25′ 12″ Exemplul 2: 25′ 12 ″ |
″ | ″ | ||
µ | micro | µ | µ | ||
π | Pi | π | π | ||
ƒ | semnul funcției (a nu se confunda cu „integral”) |
ƒ | ƒ |
||
∫ | integrală | ∫ | ∫ | ||
∅ | trecut cu zero, set gol (a nu se confunda cu „diametru”) |
∅ | ∅ | ||
⌀ | diametrul (a nu se confunda cu „o” latin barat) | ⌀ | |||
ø | „o” latinesc tăiat în diagonală | ø | ø | ||
Ø | „O” majuscul latinesc tăiat în diagonală | Ø | Ø | ||
∏ | marca de lucru | ∏ | ∏ | ||
∑ | semn de însumare | ∑ | ∑ | ||
√ | radical (rădăcină pătrată sau rădăcină x) |
√ | √ | ||
∝ | proporţional | ∝ | ∝ | ||
∞ | infinit | ∞ | ∞ | ||
∠ | colţ | ∠ | ∠ | ||
⊥ | ortogonal (perpendicular) | ⊥ | ⊥ | ||
∴ | semnează „deci” | ∴ | ∴ | ||
≅ | aproximativ egale | ≅ | ≅ | ||
≈ | aproape egal | ≈ | ≈ | ||
≠ | nu egali | ≠ | ≠ | ||
≡ | identic | ≡ | ≡ | ||
≤ | mai mic sau egal cu | ≤ | ≤ | ||
≥ | mai mare sau egal cu | ≥ | ≥ | ||
∧ | ŞI logic | ∧ | ∧ | ||
∨ | SAU logic | ∨ | ∨ | ||
⊕ | semn plus într-un cerc (sumă directă) |
⊕ | ⊕ | ||
⊗ | semn de înmulțire într-un cerc (produs încrucișat, săgeată de la observator) |
⊗ | ⊗ | ||
ʘ | punct într-un cerc (săgeată către observator) |
ʘ |
✵ ✵ |
|||||