Специальные символы HTML

Таблица специальных символов HTML

В таблице будут приведены символы, которые можно скопировать и вставить ВКонтакте, Одноклассники, на веб-страницу.

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

Конвертер.

ASCII  

Unicode

HEX    

Символ-мнемоника (только в обратном направлении)

Зачем нужны специальные символы HTML.

Все цифры, буквы, символы - это определённый набор в указанной кодировке (самая современная и наиболее распространённая UTF-8 - история развития). Например, имя Наташа - Наташа

1. Не все символы возможно разместить на клавиатуре (вспомним очень обширный набор иероглифов), такая таблица предоставляет более широкий выбор. Полный вариант можно увидеть с помощью скрипта
   

   <style type="text/css">p {float: left; padding: 0 15px; margin: 0; font-size: 140%;}</style>
   <script type="text/javascript">
   for (var i=0; i<111000; i++)
     document.writeln ((i%256?'':'<p>') + i + ': ' + String.fromCharCode (i) + '<br>');
   </script>

2. Иногда нужно показать код посетителям сайта. Но часть символов, используемых в HTML-документе (например, < > для тегов), не будут видны читателям при их публикации на веб-странице. Чтобы автоматизировать процесс перевода этих элементов в специальные символы, можно воспользоваться небольшой программой CoderHTML.
3. Вместо изображения, чтобы увеличить скорость загрузки страницы.

Пример использования специальных символов HTML

Рейтинг звёзд без использования картинок ☆☆☆☆☆

<style type="text/css">
.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;
}  
</style>

<div class="rating">
<span>☆</span><span>☆</span><span>☆</span><span>☆</span><span>☆</span>
</div>

Как сделать стрелочки в HTML

Стоит помнить, что с изменением шрифта, вид спец. символов также будет меняться. Например, → эта стрелочка имеет шрифт Courier, а эта → Arial.

Дополнение: Иконки "Домик", Emoji