Основні відомості про Unicode
Unicode — це міжнародний стандарт кодування, який призначений для представлення текстових символів різних мов та систем письма. Це універсальна система, що дозволяє розробникам працювати з текстом у будь-якому форматі без втрати даних.
Ключові переваги Unicode для веб-розробників:
- Багатомовність — підтримка понад 140 мов світу
- Сумісність — стандарт, визнаний усіма основними платформами
- Розширюваність — постійне додавання нових символів
- Безпека даних — правильне кодування текстової інформації
Основні кодування Unicode:
- UTF-8 — найпопулярніший формат для веб-сайтів
- UTF-16 — використовується в операційних системах Windows та Java
- UTF-32 — рідше використовується через великий розмір файлів
Практичне застосування
Для веб-розробників важливо розуміти, як правильно задавати кодування на сторінці. Це робиться через мета-тег <meta charset="UTF-8"> в HTML-документі. Такий підхід гарантує правильне відображення спеціальних символів, емодзі та тексту будь-якою мовою.
Розуміння Unicode дозволяє створювати глобально доступні веб-застосунки, які коректно працюють з різноманітним текстовим контентом незалежно від мови користувача.
Таблиця найпопулярніших Unicode символів
| Символ | Назва | Unicode код | UTF-8 (hex) | Опис |
|---|---|---|---|---|
| A | Latin Capital Letter A | U+0041 | 41 | Латинська велика літера “А” |
| а | Latin Small Letter A | U+0061 | 61 | Латинська мала літера “а” |
| А | Cyrillic Capital Letter A | U+0410 | D0 90 | Кирилиця велика “А” |
| а | Cyrillic Small Letter A | U+0430 | D0 B0 | Кирилиця мала “а” |
| 0 | Digit Zero | U+0030 | 30 | Цифра нуль |
| 9 | Digit Nine | U+0039 | 39 | Цифра дев’ять |
| ! | Exclamation Mark | U+0021 | 21 | Знак оклику |
| ? | Question Mark | U+003F | 3F | Знак питання |
| @ | Commercial At | U+0040 | 40 | Комерційний знак “собачка” |
| # | Number Sign | U+0023 | 23 | Знак номера (гешка) |
| $ | Dollar Sign | U+0024 | 24 | Знак долара |
| € | Euro Sign | U+20AC | E2 82 AC | Знак євро |
| £ | Pound Sign | U+00A3 | C2 A3 | Знак фунта стерлінгів |
| ¥ | Yen Sign | U+00A5 | C2 A5 | Знак єни |
| © | Copyright Sign | U+00A9 | C2 A9 | Знак копіювання |
| ® | Registered Sign | U+00AE | C2 AE | Зареєстрований знак |
| ™ | Trade Mark Sign | U+2122 | E2 84 A2 | Знак торгової марки |
| × | Multiplication Sign | U+00D7 | C3 97 | Знак множення |
| ÷ | Division Sign | U+00F7 | C3 B7 | Знак ділення |
| ° | Degree Sign | U+00B0 | C2 B0 | Знак градуса |
| ™ | Trademark | U+2122 | E2 84 A2 | Символ торгової марки |
| ← | Leftwards Arrow | U+2190 | E2 86 90 | Стрілка вліво |
| → | Rightwards Arrow | U+2192 | E2 86 92 | Стрілка вправо |
| ↑ | Upwards Arrow | U+2191 | E2 86 91 | Стрілка вгору |
| ↓ | Downwards Arrow | U+2193 | E2 86 93 | Стрілка вниз |
| • | Bullet | U+2022 | E2 80 A2 | Маркер списку (кулька) |
| … | Horizontal Ellipsis | U+2026 | E2 80 A6 | Три крапки |
| ✓ | Check Mark | U+2713 | E2 9C 93 | Галочка (позначка) |
| ✗ | Ballot X | U+2717 | E2 9C 97 | Хрестик |
| ★ | Black Star | U+2605 | E2 98 85 | Чорна зірка |
| ☆ | White Star | U+2606 | E2 98 86 | Біла зірка |
| ♥ | Heart Suit | U+2665 | E2 99 A5 | Серце |
| ♦ | Diamond Suit | U+2666 | E2 99 A6 | Бубна |
| ♣ | Club Suit | U+2663 | E2 99 | Хреста |
| ♠ | Spade Suit | U+2660 | E2 99 A0 | Піка |
| § | Section Sign | U+00A7 | C2 A7 | Знак параграфа |
| ¶ | Pilcrow | U+00B6 | C2 B6 | Знак абзацу |
| † | Dagger | U+2020 | E2 80 A0 | Хрестик (кинджал) |
| ‡ | Double Dagger | U+2021 | E2 80 A1 | Подвійний хрестик |
| « | Left-Pointing Double Angle Quotation Mark | U+00AB | C2 AB | Ліва гільйемета |
| » | Right-Pointing Double Angle Quotation Mark | U+00BB | C2 BB | Права гільйемета |
| “ | Left Double Quotation Mark | U+201C | E2 80 9C | Ліва подвійна лапка |
| “ | Right Double Quotation Mark | U+201D | E2 80 9D | Права подвійна лапка |
| ‘ | Left Single Quotation Mark | U+2018 | E2 80 98 | Ліва одинарна лапка |
| ‘ | Right Single Quotation Mark | U+2019 | E2 80 99 | Права одинарна лапка |
| – | En Dash | U+2013 | E2 80 93 | Коротке тире |
| — | Em Dash | U+2014 | E2 80 94 | Довге тире |
| ‐ | Hyphen | U+2010 | E2 80 90 | Дефіс |
| ‒ | Figure Dash | U+2012 | E2 80 92 | Дефіс-мінус |
| ‑ | Non-Breaking Hyphen | U+2011 | E2 80 91 | Невід’ємний дефіс |
| ⁄ | Fraction Slash | U+2044 | E2 81 84 | Дробова риска |
| 𝐀 | Mathematical Alphanumeric Symbols | U+1D400 | F0 9D 90 80 | Математичні символи |
| Α | Greek Capital Letter Alpha | U+0391 | CE 91 | Грецька велика альфа |
| α | Greek Small Letter Alpha | U+03B1 | CE B1 | Грецька мала альфа |
| Ω | Greek Capital Letter Omega | U+03A9 | CE A9 | Грецька велика омега |
| ω | Greek Small Letter Omega | U+03C9 | CF 89 | Грецька мала омега |
| א | Hebrew Letter Alef | U+05D0 | D7 90 | Іврит буква Алеф |
| ب | Arabic Letter Beh | U+0628 | D8 A8 | Арабська буква Ба |
| 中 | CJK Unified Ideograph | U+4E2D | E4 B8 AD | Китайський ієрогліф |
| あ | Hiragana Letter A | U+3042 | E3 81 82 | Японська хірагана А |
| 😀 | Grinning Face | U+1F600 | F0 9F 98 80 | Емодзі всміхнене обличчя |
| 😍 | Heart Eyes | U+1F60D | F0 9F 98 8D | Емодзі очі-серця |
| 🎉 | Party Popper | U+1F389 | F0 9F 8E 89 | Емодзі святкова пружинка |
| 🚀 | Rocket | U+1F680 | F0 9F 9A 80 | Емодзі ракета |
Рекомендації для веб-розробників
Налаштування кодування
Завжди встановлюйте UTF-8 кодування в HTML:
<!DOCTYPE html>
Використання HTML-сутностей
Деякі спеціальні символи краще записувати як HTML-сутності:
— неперевний пробіл—— довге тире©— знак копіювання€— знак євро
Емодзі в веб-проектах
Емодзі — це звичайні Unicode-символи, які правильно відображаються при коректному кодуванні UTF-8. Вони займають 4 байти в UTF-8 кодуванні.
