Спеціальні символи HTML і UTF-8
Щоб розмістити символ на веб-сторінці, необхідно вказати HTML-код або мнемоніку.
Спецсимволи чутливі до регістру, тому їх необхідно прописувати точно так, як вказано в таблиці. Спецсимволи, що не мають мнемоніки, можуть не відображатися зовсім або ж некоректно відображатися в тих чи інших браузерах.
Для вставки символів всередину тегів скористайтеся HTML-кодом символу, а для використання символів в таблицях стилів, наприклад, в якості значення властивості content - CSS-код.
Спецсимвол успадковує колір від кольору тексту батьківського елемента, змінити колір спецсимволи можна, якщо помістити html-код всередину тега або ж задавши потрібне значення властивості color (при вставці спецсимволів через властивість content).
Тут наведена таблиця спеціальних UTF-8 символів і таблиця HTML символів-мнемонік
Популярні спецсимволи HTML
Вид |
HTML-код |
CSS-код |
☃ |
☃ |
\2603 |
❄ |
❄ |
\2744 |
❅ |
❅ |
\2745 |
❆ |
❆ |
\2746 |
★ |
★ |
\2605 |
☆ |
☆ |
\2606 |
✪ |
✪ |
\272A |
✫ |
✫ |
\272B |
✯ |
✯ |
\272F |
❉ |
❉ |
\2749 |
❋ |
❋ |
\274B |
✲ |
✲ |
\2732 |
⍟ |
⍟ |
\235F |
⊛ |
⊛ |
\229B |
☀ |
☀ |
\2600 |
☁ |
☁ |
\2601 |
☂ |
☂ |
\2602 |
☑ |
☑ |
\2611 |
☒ |
☒ |
\2612 |
☹ |
☹ |
\2639 |
☺ |
☺ |
\263A |
☻ |
☻ |
\263B |
☭ |
☭ |
\262D |
☰ |
☰ |
\2630 |
✿ |
✿ |
\273f |
❀ |
❀ |
\2740 |
✾ |
✾ |
\273E |
❁ |
❁ |
\2741 |
❂ |
❂ |
\2742 |
✉ |
✉ |
\2709 |
❦ |
❦ |
\2766 |
❶ |
❶ |
\2776 |
❷ |
❷ |
\2777 |
❸ |
❸ |
\2778 |
❹ |
❹ |
\2779 |
❺ |
❺ |
\277A |
❻ |
❻ |
\277B |
❼ |
❼ |
\277C |
❽ |
❽ |
\277D |
➒ |
➒ |
\2792 |
➓ |
➓ |
\2793 |
➠ |
➠ |
\27A0 |
➤ |
➤ |
\27A4 |
➥ |
➥ |
\27A5 |
➦ |
➦ |
\27A6 |
❜ |
❜ |
\275C |
❛ |
❛ |
\275B |
✖ |
✖ |
\2716 |
✘ |
✘ |
\2718 |
✔ |
✔ |
\2714 |
✚ |
✚ |
\271A |
↺ |
↺ |
\21BA |
↻ |
↻ |
\21BB |
Вид |
HTML-код |
CSS-код |
Нерозривний пробіл |
|
\00A0 |
Месце можливого переносу |
­ |
\00AD |
< |
< |
\003C |
> |
> |
\003E |
« |
« |
\00AB |
» |
» |
\00BB |
‹ |
‹ |
\2039 |
› |
› |
\203A |
" |
" |
\0022 |
′ |
′ |
\2032 |
″ |
″ |
\2033 |
‘ |
‘ |
\2018 |
’ |
’ |
\2019 |
‚ |
‚ |
\201A |
“ |
“ |
\201C |
” |
” |
\201D |
„ |
„ |
\201E |
& |
& |
\0026 |
' |
' |
\0027 |
§ |
§ |
\00A7 |
© |
© |
\00A9 |
¬ |
¬ |
\00AC |
® |
® |
\00AE |
¯ |
¯ |
\00AF |
° |
° |
\00B0 |
± |
± |
\00B1 |
¹ |
¹ |
\00B9 |
² |
² |
\00B2 |
³ |
³ |
\00B3 |
¼ |
¼ |
\00BC |
½ |
½ |
\00BD |
¾ |
¾ |
\00BE |
´ |
´ |
\00B4 |
µ |
µ |
\00B5 |
¶ |
¶ |
\00B6 |
· |
· |
\00B7 |
¿ |
¿ |
\00BF |
ƒ |
ƒ |
\0192 |
™ |
™ |
\2122 |
• |
• |
\2022 |
… |
… |
\2026 |
‾ |
‾ |
\203E |
– |
– |
\2013 |
— |
— |
\2014 |
‰ |
‰ |
\2030 |
} |
} |
\007D |
{ |
{ |
\007B |
= |
= |
\003D |
≠ |
≠ |
\2260 |
≅ |
≅ |
\2245 |
≈ |
≈ |
\2248 |
≤ |
≤ |
\2264 |
≥ |
≥ |
\2265 |
∠ |
∠ |
\2220 |
⊥ |
⊥ |
\22A5 |
√ |
√ |
\221A |
∑ |
∑ |
\2211 |
∫ |
∫ |
\222B |
Вид |
HTML-код |
CSS-код |
← |
← |
\2190 |
↑ |
↑ |
\2191 |
→ |
→ |
\2192 |
↓ |
↓ |
\2193 |
↔ |
↔ |
\2194 |
↵ |
↵ |
\21B5 |
⇐ |
⇐ |
\21D0 |
⇑ |
⇑ |
\21D1 |
⇒ |
⇒ |
\21D2 |
⇓ |
⇓ |
\21D3 |
⇔ |
⇔ |
\21D4 |
Вид |
HTML-код |
CSS-код |
♠ |
♠ |
\2660 |
♣ |
♣ |
\2663 |
♥ |
♥ |
\2665 |
♦ |
♦ |
\2666 |
♡ |
♡ |
\2661 |
♢ |
♢ |
\2662 |
♤ |
♤ |
\2664 |
♧ |
♧ |
\2667 |
Вид |
HTML-код |
Код |
¢ |
¢ |
¢ |
£ |
£ |
£ |
¤ |
¤ |
¤ |
¥ |
¥ |
¥ |
€ |
€ |
€ |
Вид |
HTML-код |
Код |
♈ |
|
♈ |
♉ |
|
♉ |
♊ |
|
♊ |
♋ |
|
♋ |
♌ |
|
♌ |
♍ |
|
♍ |
♎ |
|
♎ |
♏ |
|
♏ |
♐ |
|
♐ |
♑ |
|
♑ |
♒ |
|
♒ |
♓ |
|
♓ |
Вид |
HTML-код |
Код |
♔ |
|
♔ |
♕ |
|
♕ |
♖ |
|
♖ |
♗ |
|
♗ |
♘ |
|
♘ |
♙ |
|
♙ |
♚ |
|
♚ |
♛ |
|
♛ |
♜ |
|
♜ |
♝ |
|
♝ |
♞ |
|
♞ |
♟ |
|
◻ |
Символ |
Код |
† |
† |
‡ |
‡ |
☪ |
☪ |
✥ |
✥ |
✡ |
✡ |
✤ |
✤ |
☤ |
☤ |
✣ |
✣ |
☧ |
☧ |
✢ |
✢ |
☯ |
☯ |
✠ |
✠ |
☰ |
☰ |
✟ |
✟ |
☱ |
☱ |
✞ |
✞ |
☲ |
☲ |
✝ |
✝ |
☳ |
☳ |
✜ |
✜ |
☴ |
☴ |
✛ |
✛ |
☵ |
☵ |
✚ |
✚ |
☶ |
☶ |
✙ |
✙ |
☷ |
☷ |
♱ |
♱ |
☨ |
☨ |
♰ |
♰ |
☦ |
☦ |
☥ |
☥ |
☩ |
☩ |
Символ |
Код |
☀ |
☀ |
☼ |
☼ |
☉ |
☉ |
☁ |
☁ |
☽ |
☽ |
☄ |
☄ |
☂ |
☂ |
☾ |
☾ |
☍ |
☍ |
☃ |
☃ |
☊ |
☊ |
☌ |
☌ |
|
☋ |
☋ |
Символ |
Код |
♩ |
♩ |
♬ |
♬ |
♪ |
♪ |
♭ |
♭ |
♫ |
♫ |
♮ |
♮ |
♯ |
♯ |
Символ |
Код |
☹ |
☹ |
☡ |
☡ |
☭ |
☭ |
☺ |
☺ |
☢ |
☢ |
☸ |
☸ |
☻ |
☻ |
☣ |
☣ |
♨ |
♨ |
☮ |
☮ |
☫ |
☫ |
⌂ |
⌂ |
☠ |
☠ |
☬ |
☬ |
㋡ |
|
㋡ |
〠 |
|
〠 |
シ |
|
シ |
Ѡ |
|
Ѡ |
ツ |
|
ツ |
ヅ |
|
ヅ |
ൠ |
|
ൠ |
ᅘ |
|
ᅘ |
Символ |
Мнемоніка |
Код |
º |
º |
º |
⅓ |
|
⅓ |
ª |
ª |
ª |
⅔ |
|
⅔ |
¹ |
¹ |
¹ |
¾ |
¾ |
¾ |
² |
² |
² |
⅛ |
|
⅛ |
³ |
³ |
³ |
⅜ |
|
⅜ |
¼ |
¼ |
¼ |
⅝ |
|
⅝ |
½ |
½ |
½ |
⅞ |
|
⅞ |
% |
|
% |
Символ |
Мнемоніка |
Код |
⋅ |
⋅ |
⋅ |
± |
± |
± |
× |
× |
× |
÷ |
÷ |
÷ |
− |
− |
− |
< |
< |
< |
> |
> |
> |
≅ |
≅ |
≅ |
≈ |
≈ |
≈ |
≠ |
≠ |
≠ |
≡ |
≡ |
≡ |
≤ |
≤ |
≤ |
≥ |
≥ |
≥ |
¬ |
¬ |
¬ |
¯ |
¯ |
¯ |
° |
° |
° |
‰ |
‰ |
‰ |
µ |
µ |
µ |
ℑ |
ℑ |
ℑ |
ℜ |
ℜ |
ℜ |
∀ |
∀ |
∀ |
∂ |
∂ |
∂ |
∃ |
∃ |
∃ |
∅ |
∅ |
∅ |
∇ |
∇ |
∇ |
∈ |
∈ |
∈ |
∉ |
∉ |
∉ |
∋ |
∋ |
∋ |
∏ |
∏ |
∏ |
∑ |
∑ |
∑ |
∗ |
∗ |
∗ |
√ |
√ |
√ |
∝ |
∝ |
∝ |
∞ |
∞ |
∞ |
∠ |
∠ |
∠ |
∧ |
∧ |
∧ |
∨ |
∨ |
∨ |
∩ |
∩ |
∩ |
∪ |
∪ |
∪ |
∫ |
∫ |
∫ |
∴ |
∴ |
∴ |
∼ |
∼ |
∼ |
⊂ |
⊂ |
⊂ |
⊃ |
⊃ |
⊃ |
⊄ |
⊄ |
⊄ |
⊆ |
⊆ |
⊆ |
⊇ |
⊇ |
⊇ |
⊕ |
⊕ |
⊕ |
⊗ |
⊗ |
⊗ |
⊥ |
⊥ |
⊥ |
& |
& |
& |
℘ |
℘ |
℘ |
ℵ |
ℵ |
ℵ |
ℵ |
ℵ |
ℵ |
Символ |
Мнемоніка |
Код |
¤ |
¤ |
¤ |
€ |
€ |
€ |
¢ |
¢ |
¢ |
™ |
™ |
™ |
£ |
£ |
£ |
© |
© |
© |
¥ |
¥ |
¥ |
® |
® |
® |
₪ |
|
₪ |
₫ |
|
₫ |
₠ |
|
₠ |
₡ |
|
₡ |
₢ |
|
₢ |
₣ |
|
₣ |
₤ |
|
₤ |
₥ |
|
₥ |
₦ |
|
₦ |
₧ |
|
₧ |
₨ |
|
₨ |
₩ |
|
₩ |
฿ |
|
ₛ |
₭ |
|
₭ |
₮ |
|
₮ |
₯ |
|
₯ |
ƒ |
ƒ |
ƒ |
|