Где найти коды особых символов?

Где найти коды особых символов

Краткий ответ: Коды специальных символов можно найти на сайте Unicode.org, в таблицах HTML сущностей, или через инструменты браузера. На фронтенде есть несколько способов работать с этими кодами.

Основные источники кодов

1. Unicode.org - официальный источник

https://www.unicode.org/
https://unicode-table.com/
https://www.fileformat.info/info/unicode/

Здесь можно найти любой символ мира с его code point (например, U+0041 для буквы 'A').

2. HTML Entity таблицы

https://html.spec.whatwg.org/multipage/named-characters.html
https://www.htmlhelp.com/reference/html40/entities/

Специальные символы имеют named entities (типа  ) и numeric codes (типа  ).

Типы кодов в JavaScript и HTML

1. Decimal код (десятичный)

<!-- В HTML -->
<p>Неразрывный пробел: &#160;</p>
<p>Копирайт: &#169;</p>
<p>Иностранная валюта: &#8364; (евро)</p>

// В JavaScript
const nbsp = String.fromCharCode(160);
const copyright = String.fromCharCode(169);
const euro = String.fromCharCode(8364);
console.log(nbsp, copyright, euro);

2. Hexadecimal код (шестнадцатеричный)

<!-- В HTML -->
<p>Евро: &#x20AC;</p>
<p>Сердце: &#x2665;</p>
<p>Стрелка: &#x2192;</p>

// В JavaScript с escape-последовательностью
const euro = '\u20AC';     // Юникод escapes
const heart = '\u2665';
const arrow = '\u2192';
console.log(euro, heart, arrow);

// Или через fromCharCode с hex
const heart = String.fromCharCode(0x2665);

3. Named HTML entities

<!-- Самый читаемый способ в HTML -->
<p>Неразрывный пробел: &nbsp;</p>
<p>Копирайт: &copy;</p>
<p>Евро: &euro;</p>
<p>Иностранный кулак: &fist;</p>
<p>Стрелка вправо: &rarr;</p>
<p>Менее или равно: &le;</p>

Примеры часто используемых кодов

// Типографские символы
const nbsp = '\u00A0';        //   - неразрывный пробел
const hyphen = '\u2010';      // - дефис
const enDash = '\u2013';      // - среднее тире
const emDash = '\u2014';      // - длинное тире
const ellipsis = '\u2026';    // … - многоточие
const quote = '\u201C';       // " - открывающая кавычка
const endQuote = '\u201D';    // " - закрывающая кавычка

// Символы валют
const dollar = '\u0024';      // $
const euro = '\u20AC';        // 
const pound = '\u00A3';       // 
const yen = '\u00A5';         // ¥
const ruble = '\u20BD';       // 

// Математические символы
const plus = '\u002B';        // +
const minus = '\u2212';       // знак минуса (не дефис)
const multiply = '\u00D7';    // ×
const divide = '\u00F7';      // ÷
const degree = '\u00B0';      // °
const plusMinus = '\u00B1';   // ±

// Стрелки и другое
const rightArrow = '\u2192';  // 
const leftArrow = '\u2190';   // 
const upArrow = '\u2191';     // 
const checkmark = '\u2713';   // ✓
const cross = '\u2717';       // ✗
const bullet = '\u2022';      // • маркер списка
const middot = '\u00B7';      // · центральная точка

Практические примеры в коде

Пример 1: Форматирование цены

function formatPrice(price) {
  // Используем символ евро
  return `${price}\u20AC`; // Результат: "99.99"
}

console.log(formatPrice('99.99')); // "99.99"

Пример 2: Ввод с поддержкой специальных символов

function createMenu() {
  const items = [
    { label: 'Cut', shortcut: 'Ctrl\u002BX' },      // Ctrl+X
    { label: 'Copy', shortcut: 'Ctrl\u002BC' },     // Ctrl+C
    { label: 'Paste', shortcut: 'Ctrl\u002BV' },    // Ctrl+V
  ];
  
  return items.map(item => 
    `${item.label} (${item.shortcut})`
  ).join('\n');
}

Пример 3: Интернационализация

const messages = {
  success: '\u2713 Успешно',        // ✓ Успешно
  error: '\u2717 Ошибка',           // ✗ Ошибка
  warning: '\u26A0 Внимание',       // ⚠ Внимание
  info: '\u2139 Информация',        // ℹ Информация
};

Object.entries(messages).forEach(([key, msg]) => {
  console.log(`${key}: ${msg}`);
});

Пример 4: Работа с emoji

// Emoji - это Unicode символы высокого диапазона
const smile = '\uD83D\uDE00';      // 😀 (surrogate pair)
const heart = '\u2665';             // ♥
const star = '\u2B50';              // ⭐

// Или проще - копируешь emoji напрямую
const star2 = '⭐';

console.log(smile, heart, star, star2);

Как найти код символа, который уже есть

// Получить код символа
function getCharCode(char) {
  const charCode = char.charCodeAt(0);
  const hex = charCode.toString(16).toUpperCase().padStart(4, '0');
  const decimal = charCode;
  
  return {
    char,
    decimal,
    hex: `\\u${hex}`,
    html: `&#${decimal};`,
    htmlHex: `&#x${hex};`
  };
}

console.log(getCharCode('€'));
// {
//   char: '€',
//   decimal: 8364,
//   hex: '\u20AC',
//   html: '€',
//   htmlHex: '€'
// }

Инструменты для разработчика

// Быстро узнать код символа в консоли браузера
'€'.charCodeAt(0);           // 8364
'€'.charCodeAt(0).toString(16); // '20ac'

// Обратно
String.fromCharCode(8364);   // '€'
String.fromCharCode(0x20AC); // '€'

Вывод

Коды специальных символов находятся на Unicode.org и таблицах HTML сущностей. На фронтенде используй:

• Named entities в HTML - самый читаемый способ ( , ©, €)
• Unicode escape sequences в JavaScript (\uXXXX)
• String.fromCharCode() для программного создания символов
• Копируй emoji напрямую, это работает в современных редакторах