HTML-коди символів

Іменовані HTML-сутності, десяткові та шістнадцяткові коди й CSS-коди для 252 символів. Натисніть на символ, щоб скопіювати його, або на код, щоб скопіювати код.

Basic Latin

СимволНазваСутністьДесятковийШістнадцятковийCSS
quotation mark \0022
ampersand \0026
less-than sign \003C
greater-than sign \003E

Latin 1 Supplement

СимволНазваСутністьДесятковийШістнадцятковийCSS
(порожньо) no-break space \00A0
inverted exclamation mark \00A1
cent sign \00A2
pound sign \00A3
currency sign \00A4
yen sign \00A5
broken bar \00A6
section sign \00A7
diaeresis \00A8
copyright sign \00A9
feminine ordinal indicator \00AA
left-pointing double angle quotation mark \00AB
not sign \00AC
(порожньо) soft hyphen \00AD
registered sign \00AE
macron \00AF
degree sign \00B0
plus-minus sign \00B1
superscript two \00B2
superscript three \00B3
acute accent \00B4
micro sign \00B5
pilcrow sign \00B6
middle dot \00B7
cedilla \00B8
superscript one \00B9
masculine ordinal indicator \00BA
right-pointing double angle quotation mark \00BB
vulgar fraction one quarter \00BC
vulgar fraction one half \00BD
vulgar fraction three quarters \00BE
inverted question mark \00BF
capital a with grave \00C0
capital a with acute \00C1
capital a with circumflex \00C2
capital a with tilde \00C3
capital a with diaeresis \00C4
capital a with ring above \00C5
capital ae \00C6
capital c with cedilla \00C7
capital e with grave \00C8
capital e with acute \00C9
capital e with circumflex \00CA
capital e with diaeresis \00CB
capital i with grave \00CC
capital i with acute \00CD
capital i with circumflex \00CE
capital i with diaeresis \00CF
capital eth \00D0
capital n with tilde \00D1
capital o with grave \00D2
capital o with acute \00D3
capital o with circumflex \00D4
capital o with tilde \00D5
capital o with diaeresis \00D6
multiplication sign \00D7
capital o with stroke \00D8
capital u with grave \00D9
capital u with acute \00DA
capital u with circumflex \00DB
capital u with diaeresis \00DC
capital y with acute \00DD
capital thorn \00DE
small sharp s \00DF
small a with grave \00E0
small a with acute \00E1
small a with circumflex \00E2
small a with tilde \00E3
small a with diaeresis \00E4
small a with ring above \00E5
small ae \00E6
small c with cedilla \00E7
small e with grave \00E8
small e with acute \00E9
small e with circumflex \00EA
small e with diaeresis \00EB
small i with grave \00EC
small i with acute \00ED
small i with circumflex \00EE
small i with diaeresis \00EF
small eth \00F0
small n with tilde \00F1
small o with grave \00F2
small o with acute \00F3
small o with circumflex \00F4
small o with tilde \00F5
small o with diaeresis \00F6
division sign \00F7
small o with stroke \00F8
small u with grave \00F9
small u with acute \00FA
small u with circumflex \00FB
small u with diaeresis \00FC
small y with acute \00FD
small thorn \00FE
small y with diaeresis \00FF

Latin Extended A

СимволНазваСутністьДесятковийШістнадцятковийCSS
capital ligature oe \0152
small ligature oe \0153
capital s with caron \0160
small s with caron \0161
capital y with diaeresis \0178

Latin Extended B

СимволНазваСутністьДесятковийШістнадцятковийCSS
small f with hook \0192

Spacing Modifier Letters

СимволНазваСутністьДесятковийШістнадцятковийCSS
modifier circumflex accent \02C6
small tilde \02DC

Greek And Coptic

СимволНазваСутністьДесятковийШістнадцятковийCSS
greek capital alpha \0391
greek capital beta \0392
greek capital gamma \0393
greek capital delta \0394
greek capital epsilon \0395
greek capital zeta \0396
greek capital eta \0397
greek capital theta \0398
greek capital iota \0399
greek capital kappa \039A
greek capital lamda \039B
greek capital mu \039C
greek capital nu \039D
greek capital xi \039E
greek capital omicron \039F
greek capital pi \03A0
greek capital rho \03A1
greek capital sigma \03A3
greek capital tau \03A4
greek capital upsilon \03A5
greek capital phi \03A6
greek capital chi \03A7
greek capital psi \03A8
greek capital omega \03A9
greek small alpha \03B1
greek small beta \03B2
greek small gamma \03B3
greek small delta \03B4
greek small epsilon \03B5
greek small zeta \03B6
greek small eta \03B7
greek small theta \03B8
greek small iota \03B9
greek small kappa \03BA
greek small lamda \03BB
greek small mu \03BC
greek small nu \03BD
greek small xi \03BE
greek small omicron \03BF
greek small pi \03C0
greek small rho \03C1
greek small final sigma \03C2
greek small sigma \03C3
greek small tau \03C4
greek small upsilon \03C5
greek small phi \03C6
greek small chi \03C7
greek small psi \03C8
greek small omega \03C9
greek theta symbol \03D1
greek upsilon with hook symbol \03D2
greek pi symbol \03D6

General Punctuation

СимволНазваСутністьДесятковийШістнадцятковийCSS
(порожньо) en space \2002
(порожньо) em space \2003
(порожньо) thin space \2009
(порожньо) zero width non-joiner \200C
(порожньо) zero width joiner \200D
(порожньо) left-to-right mark \200E
(порожньо) right-to-left mark \200F
en dash \2013
em dash \2014
left single quotation mark \2018
right single quotation mark \2019
single low-9 quotation mark \201A
left double quotation mark \201C
right double quotation mark \201D
double low-9 quotation mark \201E
dagger \2020
double dagger \2021
bullet \2022
horizontal ellipsis \2026
per mille sign \2030
prime \2032
double prime \2033
single left-pointing angle quotation mark \2039
single right-pointing angle quotation mark \203A
overline \203E
fraction slash \2044

Currency Symbols

СимволНазваСутністьДесятковийШістнадцятковийCSS
euro sign \20AC

Letterlike Symbols

СимволНазваСутністьДесятковийШістнадцятковийCSS
black-letter capital I \2111
script capital P \2118
black-letter capital R \211C
trade mark sign \2122
alef symbol \2135

Arrows

СимволНазваСутністьДесятковийШістнадцятковийCSS
leftwards arrow \2190
upwards arrow \2191
rightwards arrow \2192
downwards arrow \2193
left right arrow \2194
downwards arrow with corner leftwards \21B5
leftwards double arrow \21D0
upwards double arrow \21D1
rightwards double arrow \21D2
downwards double arrow \21D3
left right double arrow \21D4

Mathematical Operators

СимволНазваСутністьДесятковийШістнадцятковийCSS
for all \2200
partial differential \2202
there exists \2203
empty set \2205
nabla \2207
element of \2208
not an element of \2209
contains as member \220B
n-ary product \220F
n-ary summation \2211
minus sign \2212
asterisk operator \2217
square root \221A
proportional to \221D
infinity \221E
angle \2220
logical and \2227
logical or \2228
intersection \2229
union \222A
integral \222B
therefore \2234
tilde operator \223C
approximately equal to \2245
almost equal to \2248
not equal to \2260
identical to \2261
less-than or equal to \2264
greater-than or equal to \2265
subset of \2282
superset of \2283
not a subset of \2284
subset of or equal to \2286
superset of or equal to \2287
circled plus \2295
circled times \2297
up tack \22A5
dot operator \22C5

Miscellaneous Technical

СимволНазваСутністьДесятковийШістнадцятковийCSS
left ceiling \2308
right ceiling \2309
left floor \230A
right floor \230B
left-pointing angle bracket \2329
right-pointing angle bracket \232A

Geometric Shapes

СимволНазваСутністьДесятковийШістнадцятковийCSS
lozenge \25CA

Miscellaneous Symbols

СимволНазваСутністьДесятковийШістнадцятковийCSS
black spade suit \2660
black club suit \2663
black heart suit \2665
black diamond suit \2666

Вони не мають імені в HTML, тому користуйтеся числовим кодом.

СимволНазваСутністьДесятковийШістнадцятковийCSS
Лев – \264C
check mark – \2713
блискавка – \1F5F2
envelope – \2709
black telephone – \260E
airplane – \2708
контурне серце – \2661
червоне серце – \2764
black star – \2605
white star – \2606
квітка – \273F
сонце – \2600
півмісяць – \263E
хмара – \2601
парасолька – \2602
сніжинка – \2744
інь-ян – \262F
мир – \262E
латинський хрест – \271D
чоловіче (Марс) – \2642
жіноче (Венера) – \2640
чоловіче та жіноче – \26A5
beamed eighth notes – \266B
eighth note – \266A
quarter note – \2669
heavy check mark – \2714
heavy multiplication x – \2716
multiplication x – \2715
ballot x – \2717
black rightwards arrowhead – \27A4
стрілка вправо – \1F86A
стрілка вліво – \1F868
стрілка вгору – \1F869
стрілка вниз – \1F86B
стрілка за годинниковою стрілкою (перезавантаження) – \27F3
стрілка проти годинникової стрілки (скасувати) – \27F2
black up-pointing triangle – \25B2
black square – \25A0
black circle – \25CF
white circle – \25CB
кружечок із білою кулею – \29BE
medium white circle – \26AA
біла шахова королева (корона) – \2655
чорна шахова королева (корона) – \265B
білий шаховий король (корона) – \2654
black chess rook – \265C
black chess knight – \265E
універсальний знак переробки – \2672
переробка – \267B
warning sign – \26A0
skull and crossbones – \2620
white smiling face – \263A
black smiling face – \263B
white frowning face – \2639
смайлик (катакана цу) – \30C4
маленький смайлик цу – \30C3
поштовий знак-обличчя – \3020
keyboard – \2328
black scissors – \2702
lower right pencil – \270E
дійсні числа – \211D
black four pointed star – \2726
white four pointed star – \2727
star operator – \22C6
ring above – \02DA
океанська хвиля – \A540
вітер – \0F04
ліве крило ангела – \131A9
праве крило ангела – \131AA

Як використовувати HTML-коди символів

Запишіть сутність або числовий код просто у свій HTML, наприклад <p>I &hearts; Unicode</p>. Іменовані сутності легше читати; числові коди на кшталт &#9829; працюють для кожного символу, зокрема й для тих, що є на нашій клавіатурі символів.

Якщо вашу сторінку збережено в UTF-8 (так за замовчуванням у сучасних сайтів), можна також вставити сам символ. Коди й далі стають у пригоді в шаблонах листів, у полях CMS, що видаляють спеціальні символи, і коли потрібно, щоб вихідний код залишався звичайним ASCII. Щоб дізнатися код будь-якого символу, скористайтеся пошуком в Unicode.

Поширені запитання

Що таке HTML-сутність?

Короткий код, що починається з & і закінчується на ;, наприклад &hearts; для ♥ або &copy; для ©. Браузер показує символ замість коду.

Які коди краще: іменовані чи числові?

Обидва варіанти працюють в усіх сучасних браузерах. Числові коди на кшталт &#9829; є для кожного символу Unicode, а імена — лише для деяких. На сторінках у UTF-8 можна просто вставити сам символ.

Як додати символ через CSS?

Використайте CSS-код у властивості content псевдоелемента, наприклад content: "\2665"; для серця.