Корисні символи Юнікоду

Часто у вас виникали ситуації, що на сайті потрібно додати іконку, або інший символ і вам доводиться шукати необхідну картинку для цих цілей ?!

Так як ми займаємося створенням сайтів різних тематик, то за родом діяльності дана ситуація виникає у нас постійно.

У зв'язку з цим ми використовуємо і вам радимо не шукати якісь картинки для іконок а використовувати саме символи Юнікоду.

Тим більше що даний метод дає безліч переваг і ви зможете працювати з даними символами як зі звичайним текстом, додавати різні стилі, колір, розмір, шрифт, і інші форматування css.

І найголовніше ви не навантажуєте свій сайт різними іконками і картинками, відповідно ваш сайт вантажиться швидше і пошукові системи наприклад PageSpeed від Google не буде у вас лаятися на розмір і оптимізацію, так як іконочний шрифт юнікод це той же текст що ви використовуєте завжди.

Що таке Юнікод?

Юнікод (англ. Unicode) - це універсальний стандарт кодування символів, який дозволяє надати знаки всіх мов світу.

На відміну від ASCII, один символ кодується двома байтами, що дозволяє використовувати 65 536 символів, проти 256.

Як відомо, один байт - це ціле число від нуля до 255. У свою чергу, байт складається з восьми біт, які зберігають числові значення в двійковому вигляді, де кожна наступна одиниця поточного біта є в два рази більшим значенням попереднього біта.

Таким чином, два байта можуть зберігати в собі число від нуля до 65 535, що і дозволяє використовувати 65 536 символів (нуль + 65 535, нуль - це теж число, він не є нічим).

Символи Юникода розділені на секції. Перші 128 символів повторюють таблицю ASCII.

За відображення символів відповідає сімейство кодувань Юнікоду (Unicode Transformation Format - UTF). Найбільш відома і широко застосовується кодування - UTF-8.

Нижче ми зібрали величезну кількість різних символів юникода з різних інтернет ресурсів, так само розділили їх для можливості використання як в Html так і в Css.

Якщо ви хочете використовувати символ для HTML то скопіюйте код виділений зеленим фоном, якщо ж ви хочете використовувати шрифт в CSS то блакитний фон.

Також ви можете натиснути на будь-який символ що б подивитися як він буде виглядати в іншому шрифті.

Нижче в таблиці символів дуже багато, і вони розділені на блоки.

За замовчуванням показується загальна вибірка, але ви можете подивитися і інші збірки символів вибравши необхідну добірку з меню, що випадає праворуч над таблицею.

Ну от як би і все, користуйтеся на здоров'я, буду радий якщо стаття виявиться комусь ще корисною а не тільки нам!