Раньше я считала что Юникод ( Unicode) и UTF-8 разные форматы кодирования символов. Но я очень ошибалась. Юникод — стандарт кодирования всех символов, уникальный код для любого символа не зависит от платформы, программы и языка. UTF-8 это восьми битный формат преобразования юникода, который используется при верстке HTML сайтов.
Информацию о кодировке можно увидеть как только откроем исходный код сайта Ctrl + U. Запись кода выглядит так:
<meta charset="utf-8" />
Использование специальных символов Html (символы юникода)
Существуют символы, которые нельзя набрать на клавиатуре разнообразными сочетаниями клавиш, потому и пользуются веб дизайнеры удивительными символами юникода. Графические символы UTF-8, специальные значки, звездочки, красивые цифры и другие символы можно использовать для статусов вк вконтакте, одноклассниках и в других соц сетях.
Копируем символ и вставляем в текст, или конвертируем символ в код и вставляем в любое место сайта. В сообщениях коды символов добавляются только в редакторе Html. Редактируем символы как текст: размер, шрифт, цвет текста.
Для наглядности привела примеры ниже:
✓ - Зеленая галочка, популярный символ в веб дизайне.
» » » » Символ кавычки «Ёлочка» для оформления текста.
►►►► Символ юникода треугольник незаменимый атрибут веб дизайнеров.
Таблица символов юникода
| ← | → | ↑ | ↓ | ↔ | ↕ | ↖ | ↗ | ▲ |
| ▼ | ◄ | ► | ➛ | ➤ | ➥ | ⓘ | ⁈ | § |
| ¶ | ° | ℃ | ≈ | ≠ | ≅ | ± | × | ÷ |
| ≤ | ≥ | ∞ | ⨐ | ∫ | ∑ | √ | ∛ | ∜ |
| ² | ³ | ∠ | ∟ | ⊥ | ‰ | α | β | γ |
| π | ½ | ⅓ | ⅔ | ¼ | ¾ | ⅕ | ⅖ | ⅗ |
| ⅙ | ✓ | ✔ | ☑ | ✗ | ✔ | >Ⅰ | >Ⅱ | >Ⅲ |
| >Ⅳ | Ⅴ | Ⅵ | Ⅶ | Ⅷ | Ⅸ | Ⅹ | Ⅺ | Ⅻ |
| ⒈ | ⒌ | ⒑ | ① | ⑤ | ⑩ | ⓵ | ⓹ | ⓾ |
| ➊ | ➎ | ➓ | ◯ | ⚫ | ◌ | ◊ | ▲ | ► |
| ▼ | ◄ | ▶ | ▷ | ◢ | ∀ | ∃ | ∈ | ∉ |
| ✕ | ✖ | ☢ | ☓ | ✘ | ॥ | ⊘ | ⦸ | ⦷ |
| ← | ↑ | → | ↓ | ↖ | ↗ | ↘ | ↙ | ↕ |
| ⋯ | ⋮ | ↰ | ↱ | ↲ | ↳ | ↴ | ↵ | ⇅ |
| ⇄ | ⤒ | ⇤ | ⇥ | ↹ | ⵕ | ⵚ | ⟲ | ⟳ |
| ✳ | ࿄ | ⇦ | ⇧ | ⇨ | ⇩ | ⇔ | ⇳ | ♺ |
| ♲ | ♼ | ☐ | ☑ | ☒ | ▣ | ▩ | ○ | ● |
| ◎ | ◉ | ♤ | ♠ | ♡ | ♥ | ♢ | ♦ | ♧ |
| ♣ | ♯ | ♫ | ♩ | ♪ | ♈ | ♉ | ♊ | ♋ |
| ♌ | ♍ | ♎ | ♏ | ♐ | ♑ | ♒ | ♓ | ♔ |
| ♚ | ♕ | ♛ | ♖ | ♜ | ♗ | ♝ | ♘ | ♞ |
| ♙ | ♟ | ✿ | ✺ | ❁ | ✳ | ❄ | ❅ | ❆ |
| ❉ | ✴ | ✶ | ✹ | ✺ | ☄ | ☉ | ☀ | ☾ |
| ⎚ | ☁ | ☂ | ☔ | ☃ | ✺ | ⚕ | ⚖ | ⚒ |
| ✈ | ⎈ | ⚓ | ☠ | ⚔ | ༽ | ➶ | ⌖ | ✈ |
| ⌂ | ☟ | ☦ | ⚠ | ♿ | ☕ | ♨ | ☭ | ㋛ |
| ⃔ | ⃕ | ✍ | ✌ | ✊ | ✋ | ☚ | ☛ | |
| | | | ₴ | ₴ | ₽ | ¢ | € | £ |
| ¥ | © | ® | ™ | ࿄ | ☘ | ⚘ | | 鹿 |
| ✑ | ✒ | ✐ | ✏ | ✎ | ✑ | ✂ | ✃ | |
| | ⌨ | | ☆ | ★ | ✪ | ❞ | ⚐ | ⚑ |
| ⎆ | <⎌ | ⏎ | ⎗ | ⎘ | ⌕ | ♂ | ♀ | ⚤ |
| ❤ | ☹ | ☺ | ☻ | ⌛ | ⌚ | ⏰ | ✆ | ☎ |
| ☏ | ✉ | 〠 | ⌨ | ⎙ | ✚ | ㋛ | ☙ | ❥ |
| ⚠ | ⚡ | ☣ | ☠ | ☦ | ☩ | ☭ | ☪ | ☯ |
| ☮ | ☥ | “ | ” | « | » | ❝ | ❞ | ' |
Конвертер символов юникода
Символ
Юникод
Плюсы и минусы применения специальных символов юникода
Плюсы: Многие элементы веб дизайна используются без применения изображений.
Минусы: Не все браузеры обрабатывают юникод правильно, многие символы не видно на веб страничках. Обратите внимание у всех в таблицах в интернете есть пустые квадратики.
Самая лучшая таблица символов юникода на этом сайте
Будь вместе с Я Блоггер
