✔Специальные символы HTML - «Учебник CSS»
| ‘ |
’ |
" |
” |
❝ |
❞ |
‹ |
› |
〈 |
〉 |
« |
» |
| ́ |
… |
— |
ⓘ |
⁈ |
§ |
¶ |
° |
℃ |
≈ |
≠ |
≅ |
| ± |
× |
÷ |
≤ |
≥ |
∞ |
? |
∫ |
∑ |
√ |
∛ |
∜ |
| ² |
³ |
∠ |
∟ |
⊥ |
‰ |
? |
? |
? |
? |
½ |
⅓ |
| ⅔ |
¼ |
¾ |
⅕ |
⅖ |
⅗ |
⅙ |
⅚ |
⅛ |
⅜ |
⅝ |
⅞ |
| Ⅰ |
Ⅱ |
Ⅲ |
Ⅳ |
Ⅴ |
Ⅵ |
Ⅶ |
Ⅷ |
Ⅸ |
Ⅹ |
Ⅺ |
Ⅻ |
| ⒈ |
⒉ |
⒊ |
① |
② |
③ |
⓵ |
⓶ |
⓷ |
➊ |
➋ |
➌ |
| ⏩ |
⏪ |
⏫ |
⏬ |
▲ |
► |
▼ |
◄ |
▶ |
▷ |
◢ |
◿ |
| ✅ |
✓ |
✔ |
✕ |
✖ |
❎ |
☓ |
✘ |
॥ |
⊘ |
⦸ |
⦷ |
| ← |
↑ |
→ |
↓ |
↖ |
↗ |
↘ |
↙ |
↔ |
↕ |
⋯ |
⋮ |
| ↰ |
↱ |
↲ |
↳ |
↴ |
↵ |
⇅ |
⇄ |
⤒ |
⇤ |
⇥ |
↹ |
| ? |
? |
⟲ |
⟳ |
⃔ |
⃕ |
⇦ |
⇧ |
⇨ |
⇩ |
⇔ |
⇳ |
| ♺ |
♲ |
♼ |
☐ |
☑ |
☒ |
▣ |
▩ |
○ |
● |
◎ |
◉ |
| ♤ |
♧ |
♡ |
♢ |
♠ |
♣ |
♥ |
♦ |
♩ |
♪ |
♫ |
♬ |
| ♈ |
♉ |
♊ |
♋ |
♌ |
♍ |
♎ |
♏ |
♐ |
♑ |
♒ |
♓ |
| ♔ |
♕ |
♖ |
♗ |
♘ |
♙ |
♚ |
♛ |
♜ |
♝ |
♞ |
♟ |
| ✿ |
❀ |
❁ |
✳ |
❄ |
❅ |
❆ |
❉ |
✴ |
✶ |
✹ |
✺ |
| ☄ |
☉ |
☀ |
☾ |
⛅ |
☁ |
☂ |
☔ |
☃ |
⛄ |
||
| ⚕ |
⚖ |
⚒ |
✈ |
⎈ |
⚓ |
⛵ |
⚔ |
༽ |
➶ |
⌖ |
⛺ |
| ⌂ |
⛪ |
⛲ |
⛽ |
♿ |
☕ |
♨ |
⚽ |
⚾ |
⛳ |
⛔ |
|
| ⌛ |
⌚ |
⏰ |
✆ |
☎ |
☏ |
✉ |
〠 |
⌨ |
⎙ |
⎚ |
|
| ✍ |
✌ |
✊ |
✋ |
☚ |
☛ |
☜ |
☝ |
☞ |
☟ |
||
| ¢ |
€ |
€ |
¥ |
© |
® |
™ |
࿄ |
☘ |
⚘ |
||
| ✑ |
✒ |
✐ |
✏ |
✎ |
✁ |
✂ |
✃ |
✄ |
|||
| ☆ |
★ |
✪ |
✨ |
⚐ |
⚑ |
⎆ |
⎌ |
⏎ |
⎗ |
⎘ |
⌕ |
| ♂ |
♀ |
⚤ |
❤ |
☹ |
☺ |
☻ |
? |
㋛ |
? |
||
| ⚠ |
⚡ |
☢ |
☣ |
☠ |
☦ |
☩ |
☭ |
☪ |
☯ |
☮ |
☥ |
| используемые в HTML коде веб-страницы |
|||||||||||
| .; |
& |
& |
< |
< > |
" |
" |
' |
' |
|||
Конвертер.
ASCIIUnicode
HEX
Символ-мнемоника (только в обратном направлении)
Зачем нужны специальные символы HTML.
Все цифры, буквы, символы - это определённый набор в указанной кодировке (самая современная и наиболее распространённая UTF-8 - история развития). Например, имя Наташа - Наташа- Не все символы возможно разместить на клавиатуре (вспомним очень обширный набор иероглифов), такая таблица предоставляет более широкий выбор. Полный вариант можно увидеть с помощью скрипта
p {float: left; padding: 0 15px; margin: 0; font-size: 140%;
- Иногда нужно показать код посетителям сайта. Но часть символов, используемых в HTML-документе (например, для тегов), не будут видны читателям при их публикации на веб-странице. Чтобы автоматизировать процесс перевода этих элементов в специальные символы, можно воспользоваться небольшой программой CoderHTML.
- Вместо изображения, чтобы увеличить скорость загрузки страницы.
Пример использования специальных символов HTML
.rating {unicode-bidi: bidi-override;
direction: rtl;
text-indent: 0px;
.rating > span {
display: inline-block;
position: relative;
width: 1.1em;
.rating > span:hover:before,
.rating > span:hover ~ span:before {
content: "2605";
position: absolute;
Рейтинг звёзд без использования картинок
.rating {
unicode-bidi: bidi-override;
direction: rtl;
.rating > span {
display: inline-block;
position: relative;
width: 1.1em;
.rating > span:hover:before,
.rating > span:hover ~ span:before {
content: "2605";
position: absolute;
☆☆☆☆☆
Как сделать стрелочки в HTML
Стоит помнить, что с изменением шрифта, вид спец. символов также будет меняться. Например, → эта стрелочка имеет шрифт Courier, а эта → Arial.Дополнение: Иконки "Домик", Emoji
