✔Специальные символы HTML - «Учебник CSS»

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

Конвертер.

ASCII

Unicode
HEX

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

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

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

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

   p {float: left; padding: 0 15px; margin: 0; font-size: 140%;
   
   			



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


3. Вместо изображения, чтобы увеличить скорость загрузки страницы.

Пример использования специальных символов 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

Цитирование статьи, картинки - фото скриншот - Rambler News Service.

Иллюстрация к статье - Яндекс. Картинки.

Есть вопросы. Напишите нам.

Общие правила  поведения на сайте.