На веб-сторінках часто потрібно використовувати символи, яких немає на клавіатурі: наприклад, знаки копірайту ©, математичні символи ¾ або спеціальні літери β. Щоб коректно відображати такі символи в HTML, використовують спеціальні коди.
Я зібрав у таблицю основні спецсимволи HTML, які допоможуть вам у роботі з текстами. Використовувати їх просто: достатньо вставити відповідний код у потрібному місці, не забуваючи про крапку з комою в кінці. Це полегшить верстку та допоможе уникнути проблем з відображенням контенту.
| Символ | HTML-код | Числовий код | Опис |
|---|---|---|---|
| Пробіли та переноси | |||
| |   | Нерозривний пробіл | |
|   |   | Узкий пробіл (en-шириной) | |
|   |   | Широкий пробіл (em-шириной) | |
| – | – | – | Узке тире (en-тире) |
| — | — | — | Широке тире (em-тире) |
| ‾ | ‾ | ‾ | Надчеркування |
| ¯ | ¯ | ¯ | Горизонтальна лінія над символом |
| | ­ | ­ | М’який перенос |
| Знаки пунктуації | |||
| . | . | . | Точка |
| ¨ | ¨ | ¨ | Умлаут |
| … | … | … | Многоточчя |
| , | , | , | Кома |
| ! | ! | ! | Вигуковий знак |
| ? | ? | ? | Питальний знак |
| : | : | : | Двоеточie |
| ; | ; | ; | Точка з комою |
| ( | ( | ( | Ліва дужка |
| ) | ) | ) | Права дужка |
| [ | [ | [ | Ліва квадратна дужка |
| ] | ] | ] | Права квадратна дужка |
| { | { | { | Ліга фігурна дужка |
| } | } | } | Права фігурна дужка |
| ´ | ´ | ´ | Гострий акцент |
| ` | ` | ` | Тупий акцент |
| ˜ | ˜ | ˜ | Тильда |
| | | | | | | Вертикальна смуга |
| _ | _ | _ | Підкреслення |
| Знаки авторського права | |||
| © | © | © | Копірайт |
| ® | ® | ® | Знак зареєстрованої торгової марки |
| ™ | ™ | ™ | Знак торгової марки |
| Математичні оператори | |||
| × | × | × | Множити |
| ÷ | ÷ | ÷ | Ділити |
| < | < | < | Менше |
| > | > | > | Більше |
| ± | ± | ± | Плюс/мінус |
| ¹ | ¹ | ¹ | Степінь 1 |
| ² | ² | ² | Степінь 2 |
| ³ | ³ | ³ | Степінь 3 |
| ¬ | ¬ | ¬ | Одмова |
| ¼ | ¼ | ¼ | Одна четверта |
| ½ | ½ | ½ | Одна друга |
| ¾ | ¾ | ¾ | Три четверти |
| ⁄ | ⁄ | ⁄ | Дробова лінія |
| − | − | − | Мінус |
| ≤ | ≤ | ≤ | Менше або дорівнює |
| ≥ | ≥ | ≥ | Більше або дорівнює |
| ≈ | ≈ | ≈ | Приблизно дорівнює |
| ≠ | ≠ | ≠ | Не дорівнює |
| ≡ | ≡ | ≡ | Тотожність |
| √ | √ | √ | Квадратний корінь |
| ∞ | ∞ | ∞ | Бескінченність |
| ∑ | ∑ | ∑ | Знак сумування |
| ∏ | ∏ | ∏ | Знак добутку |
| ∂ | ∂ | ∂ | Частковий диференціал |
| ∫ | ∫ | ∫ | Інтеграл |
| ∀ | ∀ | ∀ | Для всіх |
| ∃ | ∃ | ∃ | Існує |
| ∅ | ∅ | ∅ | Пуста множина |
| ∈ | ∈ | ∈ | Належить |
| ∉ | ∉ | ∉ | Не належить |
| ∋ | ∋ | ∗ | Містить |
| ⊂ | ⊂ | ⊂ | Являється підмножиною |
| ⊃ | ⊃ | ⊃ | Являється надмножиною |
| ⊄ | ⊄ | ⊄ | Не є підмножиною |
| ⊆ | ⊆ | ⊆ | Являється підмножиною або дорівнює |
| ⊇ | ⊇ | ⊇ | Являється надмножиною або дорівнює |
| ⊕ | ⊕ | ⊕ | Плюс у колі |
| ⊗ | ⊗ | ⊗ | Множення у колі |
| ⊥ | ⊥ | ⊥ | Перпендикулярно |
| ∠ | ∠ | ∠ | Кут |
| ∧ | ∧ | ∧ | Логічне І |
| ∨ | ∨ | ∨ | Логічне ІЛИ |
| ∩ | ∩ | ∩ | Перетин |
| ∪ | ∪ | ∪ | Об'єднання |
| Валютні знаки | |||
| ¤ | ¤ | ¤ | Знак валюти |
| ₴ | ₴ | ₴ | Гривня (UAH) |
| $ | $ | $ | Долар |
| € | € | € | Євро |
| ¢ | ¢ | ¢ | Цент |
| £ | £ | £ | Фунт |
| ¥ | ¥ | ¥ | Йена |
| ƒ | ƒ | ƒ | Знак флорину |
| Маркери | |||
| • | • | • | Простий маркер |
| ● | ● | ● | Середній маркер |
| ⬤ | ⬤ | ⬤ | Біг маркер |
| ˚ | ˚ | ˚ | Коло під символом |
| ○ | ○ | ○ | Круг |
| ◯ | ◯ | ◯ | Біг круг |
| · | · | · | Середня точка |
| ˙ | ˙ | ̇ | Точка над символом |
| ° | ° | ° | Градус |
| Кавички | |||
| ' | ' | ' | Одинарна кавичка |
| " | " | " | Двостороння кавичка |
| ‹ | ‹ | ‹ | Одинарна углова кавичка (відкриваюча) |
| › | › | › | Одинарна углова кавичка (закриваюча) |
| « | « | « | Ліва типографська кавичка (елочка) |
| » | » | » | Права типографська кавичка (елочка) |
| ′ | ′ | ′ | Штрих (хвилини, фути) |
| ″ | ″ | ″ | Подвійний штрих (секунди, дюйми) |
| ‘ | ‘ | ‘ | Ліва верхня одинарна кавичка |
| ’ | ’ | ’ | Права верхня одинарна кавичка |
| ‚ | ‚ | ‚ | Права нижня одинарна кавичка |
| “ | “ | “ | Ліва двостороння кавичка |
| ” | ” | ” | Права двостороння кавичка |
| „ | „ | „ | Права нижня двостороння кавичка |
| ˝ | ˝ | ˢ | Подвійний акцент |
| Стрілки | |||
| ← | ← | ← | Стрілка вліво |
| ↑ | ↑ | ↑ | Стрілка вгору |
| → | → | → | Стрілка вправо |
| ↓ | ↓ | ↓ | Стрілка вниз |
| ↔ | ↔ | ↔ | Стрілка вліво і вправо |
| ↕ | ↕ | ↕ | Стрілка вгору і вниз |
| ⇐ | ⇐ | ⇐ | Подвійна стрілка вліво |
| ⇑ | ⇑ | ⇑ | Подвійна стрілка вгору |
| ⇒ | ⇒ | ⇒ | Подвійна стрілка вправо |
| ⇓ | ⇓ | ⇓ | Подвійна стрілка вниз |
| ⇔ | ⇔ | ⇔ | Подвійна стрілка вліво і вправо |
| ⇕ | ⇕ | ⇕ | Подвійна стрілка вгору і вниз |
| ˆ | ˆ | ˆ | Коло над символом |
| ˇ | ˇ | ˇ | Карон (хвостик) |
| Грецькі літери | |||
| α | α | α | Ґрецька літера Альфа |
| β | β | β | Ґрецька літера Бета |
| γ | γ | γ | Ґрецька літера Гамма |
| π | &hover:bg-pink-100/40 | π | Ґрецька літера Пі |
| ω | ω | ω | Ґрецька літера Омега |
| Інші символи | |||
| & | & | & | Амперсанд |
| ¦ | ¦ | ¦ | Вертикальний пунктир |
| @ | @ | @ | Знак "собачка" (@) |
| ∗ | ∗ | ∗ | Нижнє зірочка |
| § | § | § | Параграф |
| µ | µ | µ | Знак "мікро" |
| ¶ | ¶ | ¶ | Знак абзацу |
| № | № | № | Знак номера |
| º | º | º | Коп'є Марса |
| ª | ª | ª | Зеркало Венери |
| ‰ | ‰ | ‰ | Проміле |
| ★ | ★ | ★ | Зірочка (чорна) |
| ☆ | ☆ | ☆ | Порожня зірочка |
| ✶ | — | ✶ | Декоративна зірка |
| ❊ | — | ❊ | Квіткова зірка |
| ✱ | — | ✱ | Великий астеріск |
| ❄ | — | ❄ | Сніжинка |
| ❅ | — | ❅ | Сніжинка з шістьма кінцями |
| ❋ | — | ❋ | Квіткова сніжинка |
| ✓ | ✓ | ✓ | Галочка |
| ✔ | ✔ | ✔ | Чорна галочка |
| ✘ | ✘ | ✘ | Хрестик у колі |
| † | † | † | Хрестик |
| ‡ | ‡ | ‡ | Подвійний хрестик |
| ♠ | ♠ | ♠ | Пики |
| ♣ | ♣ | ♣ | Трефи |
| ♥ | ♥ | ♥ | Черви |
| ♦ | ♦ | ♦ | Бубни |
| ◊ | ◊ | ◊ | Ромб |