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