Html коды символов: Специальные символы HTML

Leave a Comment / Html / By /

Символы в HTML и CSS

Спецсимволы HTML представляют собой особый вид разметки, который состоит из набора определенных символов, обозначающих в своем общем виде конкретную литеру. Зачастую это символы, которых нет в стандартной компьютерной клавиатуре, либо которые не поддерживает кодировка HTML-страницы.

Для вставки спецсимвола в код с помощью HTML достаточно в теле кода прописать аналогичную спецсимволу мнемоническую комбинацию:

<p>Этот пылесос стоит 30&euro;</p>
<!-- На выходе получим -->
Этот пылесос стоит 30€

Для CSS спецсимвол необходимо указать в качестве значения свойства content у псевдоэлемента в виде шестнадцатиричного кода:

<p>Этот пылесос стоит <span>30</span></p>
<style>
  span:after {
    content: '\20AC';
  }
</style>
<!-- На выходе получим -->
Этот пылесос стоит 30€

Ниже предоставлены различные популярные спецсимволы и их реализация в коде HTML (левая ячейка) и CSS (правая).

Кавычки
‹›«»“”
&lsaquo;\2039&rsaquo;\203A&laquo;\00AB&raquo;\00BB&ldquo;\201C&rdquo;\201D
‚‘’„«′
&sbquo;\201A&lsquo;\2018&rsquo;\2019&bdquo;\201E&quot;\0022&prime; \2032
Знаки препинания
–—…‘¡¿
&ndash;\2013&mdash;\2014&hellip;\2026&apos;\00BB&iexcl;\00A1&iquest;\00BF
Пробелы (закрашеная часть обозначает ширину пробела)
        n‍n*n‌n**
&nbsp;\00A0&ensp;\2002&emsp;\2003&thinsp;\2009&zwj;&zwj;&zwnj;\200C

* — символ &zwj; позволяет сделать склейку (лигатуру) соседних символов
** — символ &zwnj; запрещает склеивать соседние символы

Буллиты
•·⋅∗✔✘
&bull;\2022&middot;\00B7&sdot;\22C5&lowast;\2217&#10004;\2714&#10008;\2718
Валюта
€$¢£₽₴
&euro;\20AC&#36;\0024&cent;\FFE0&pound;\FFE1&#8381;\20BD&#8372;\20B4
Текст
©™®§@
&copy;\00A9&trade;\2122&reg;\00AE&sect;\00A7&para;\00B6&#64;\0040
Стрелки
←→↑↓↔↵
&larr;\2190&rarr;\2192&uarr;\2191&darr;\2193&harr;\2194&crarr;\21B5
⇐⇒⇑⇓⇔↩
&lArr;\21D0&rArr;\21D2&uArr;\21D1&dArr;\21D3&hArr;\21D4&#8617;\21A9
↺↻⬆⬇➠➤
&#8634;\21BA&#8635;\21BB&#11014;\2B06&#11015;\2B07&#10144;\27A0&#10148;\27A4
Математика
×÷⁄−±✖
&times;\00D7&divide;\00F7&frasl;\2044&minus;\2212&plusmn;\00B1&#10006;\2716
<>≤≥≈≠
&lt;\003C&gt;\003E&le;\2264&ge;\2265&asymp;\2248&ne;\2260
°&∞∅¬∼
&deg;\00B0&amp;\0026&infin;\221E&empty;\2205&not;\00AC&sim;\223C
∑√
∗		ƒ‰∫
&sum;\2211&radic;\221A&lowast;\2217&fnof;\0192&permil;\2030&int;\222B
{}∠⊥∧∨
&#123;\007B&#125;\007D&ang;\2220&perp;\22A5&and;\2227&or;\2228
¹²³½¼¾
&sup1;\00B9&sup2;\00B2&sup3;\00B3&frac12;\00BD&frac14;\00BC&frac34;\00BE
∀µ∇∂∏∝
&forall;\2200&micro;\00B5&nabla;\2207&part;\2202&prod;\220F&prop;\221D
Буквы различных алфавитов
αβγεη
λ
&alpha;\03B1&beta;\03B2&gamma;\03B3&epsilon;\03B5&eta;\03B7&lambda;\03BB
μπρτφω
&mu;\03BC&pi;\03C0&rho;\03C1&tau;\03C4&phi;\03C6&omega;\03C9
æðëïöü
&aelig;\00E6&eth;\00F0&euml;\00EB&iuml;\00EF&ouml;\00F6&uuml;\00FC

HTML — коды символов

Для того, чтобы специальные символы отображались на веб-странице, нужно использовать специальные коды HTML (код ascii или слово).

Часто необходимо для отображения на странице, например, кодов валют, символа CopyRight, для отображения на экране HTML тегов, знаков < или > и так далее.

Синтаксис: &КОД_СИМВОЛА;  . Коды приведены ниже.

 


ASCII   HTML HTML  
Dec Hex Symbol Number Name  
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47		 20
21
22
23
24
25
26
27
28
29
2A
2B
2C
2D
2E
2F
!
«
#
$
%
&
‘
(
)
*
+
,
—
.
/		 &#32;
&#33;
&#34;
&#35;
&#36;
&#37;
&#38;
&#39;
&#40;
&#41;
&#42;
&#43;
&#44;
&#45;
&#46;
&#47;

&quot;

&amp;

 space
exclamation point
double quotes
number sign
dollar sign
percent sign
ampersand
single quote
opening parenthesis
closing parenthesis
asterisk
plus sign
comma
minus sign — hyphen
period
slash

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63		 30
31
32
33
34
35
36
37
38
39
3A
3B
3C
3D
3E
3F		 0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?		 &#48;
&#49;
&#50;
&#51;
&#52;
&#53;
&#54;
&#55;
&#56;
&#57;
&#58;
&#59;
&#60;
&#61;
&#62;
&#63;

&lt;

&gt;

 zero
one
two
three
four
five
six
seven
eight
nine
colon
semicolon
less than sign
equal sign
greater than sign
question mark

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79		 40
41
42
43
44
45
46
47
48
49
4A
4B
4C
4D
4E
4F		 @
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O		 &#64;
&#65;
&#66;
&#67;
&#68;
&#69;
&#70;
&#71;
&#72;
&#73;
&#74;
&#75;
&#76;
&#77;
&#78;
&#79;		 at symbol

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95		 50
51
52
53
54
55
56
57
58
59
5A
5B
5C
5D
5E
5F		 P
Q
R
S
T
U
V
W
X
Y
Z
[
\
]
^
_		 &#80;
&#81;
&#82;
&#83;
&#84;
&#85;
&#86;
&#87;
&#88;
&#89;
&#90;
&#91;
&#92;
&#93;
&#94;
&#95;

opening bracket
backslash
closing bracket
caret — circumflex
underscore

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111		 60
61
62
63
64
65
66
67
68
69
6A
6B
6C
6D
6E
6F		 `
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o		 &#96;
&#97;
&#98;
&#99;
&#100;
&#101;
&#102;
&#103;
&#104;
&#105;
&#106;
&#107;
&#108;
&#109;
&#110;
&#111;		 grave accent

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127		 70
71
72
73
74
75
76
77
78
79
7A
7B
7C
7D
7E
7F		 p
q
r
s
t
u
v
w
x
y
z
{
|
}
~
 &#112;
&#113;
&#114;
&#115;
&#116;
&#117;
&#118;
&#119;
&#120;
&#121;
&#122;
&#123;
&#124;
&#125;
&#126;

opening brace
vertical bar
closing brace
equivalency sign — tilde
(not defined in HTML 4 standard)

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143		 80
81
82
83
84
85
86
87
88
89
8A
8B
8C
8D
8E
8F		 (not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159		 90
91
92
93
94
95
96
97
98
99
9A
9B
9C
9D
9E
9F		 (not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175		 A0
A1
A2
A3
A4
A5
A6
A7
A8
A9
AA
AB
AC
AD
AE
AF		  
¡
¢
£
¤
¥
¦
§
¨
©
ª
«
¬

®
¯

 &#160;
&#161;
&#162;
&#163;
&#164;
&#165;
&#166;
&#167;
&#168;
&#169;
&#170;
&#171;
&#172;
&#173;
&#174;
&#175;		 &nbsp;
&iexcl;
&cent;
&pound;
&curren;
&yen;
&brvbar;
&sect;
&uml;
&copy;
&ordf;
&laquo;
&not;
&shy;
&reg;
&macr;		 non-breaking space
inverted exclamation mark
cent sign
pound sign
currency sign
yen sign
broken vertical bar
section sign
spacing diaeresis — umlaut
copyright sign
feminine ordinal indicator
left double angle quotes
not sign
soft hyphen
registered trade mark sign
spacing macron — overline

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191		 B0
B1
B2
B3
B4
B5
B6
B7
B8
B9
BA
BB
BC
BD
BE
BF		 °
±
²
³
´
µ

·
¸
¹
º
»
¼
½
¾
¿		 &#176;
&#177;
&#178;
&#179;
&#180;
&#181;
&#182;
&#183;
&#184;
&#185;
&#186;
&#187;
&#188;
&#189;
&#190;
&#191;		 &deg;
&plusmn;
&sup2;
&sup3;
&acute;
&micro;
&para;
&middot;
&cedil;
&sup1;
&ordm;
&raquo;
&frac14;
&frac12;
&frac34;
&iquest;		 degree sign
plus-or-minus sign
superscript two — squared
superscript three — cubed
acute accent — spacing acute
micro sign
pilcrow sign — paragraph sign
middle dot — Georgian comma
spacing cedilla
superscript one
masculine ordinal indicator
right double angle quotes
fraction one quarter
fraction one half
fraction three quarters
inverted question mark

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207		 C0
C1
C2
C3
C4
C5
C6
C7
C8
C9
CA
CB
CC
CD
CE
CF		 À
Á
Â
Ã
Ä
Å
Æ
Ç
È
É
Ê
Ë
Ì
Í
Î
Ï		 &#192;
&#193;
&#194;
&#195;
&#196;
&#197;
&#198;
&#199;
&#200;
&#201;
&#202;
&#203;
&#204;
&#205;
&#206;
&#207;		 &Agrave;
&Aacute;
&Acirc;
&Atilde;
&Auml;
&Aring;
&AElig;
&Ccedil;
&Egrave;
&Eacute;
&Ecirc;
&Euml;
&Igrave;
&Iacute;
&Icirc;
&Iuml;		 latin capital letter A with grave
latin capital letter A with acute
latin capital letter A with circumflex
latin capital letter A with tilde
latin capital letter A with diaeresis
latin capital letter A with ring above
latin capital letter AE
latin capital letter C with cedilla
latin capital letter E with grave
latin capital letter E with acute
latin capital letter E with circumflex
latin capital letter E with diaeresis
latin capital letter I with grave
latin capital letter I with acute
latin capital letter I with circumflex
latin capital letter I with diaeresis

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223		 D0
D1
D2
D3
D4
D5
D6
D7
D8
D9
DA
DB
DC
DD
DE
DF		 Ð
Ñ
Ò
Ó
Ô
Õ
Ö
×
Ø
Ù
Ú
Û
Ü
Ý
Þ
ß		 &#208;
&#209;
&#210;
&#211;
&#212;
&#213;
&#214;
&#215;
&#216;
&#217;
&#218;
&#219;
&#220;
&#221;
&#222;
&#223;		 &ETH;
&Ntilde;
&Ograve;
&Oacute;
&Ocirc;
&Otilde;
&Ouml;
&times;
&Oslash;
&Ugrave;
&Uacute;
&Ucirc;
&Uuml;
&Yacute;
&THORN;
&szlig;		 latin capital letter ETH
latin capital letter N with tilde
latin capital letter O with grave
latin capital letter O with acute
latin capital letter O with circumflex
latin capital letter O with tilde
latin capital letter O with diaeresis
multiplication sign
latin capital letter O with slash
latin capital letter U with grave
latin capital letter U with acute
latin capital letter U with circumflex
latin capital letter U with diaeresis
latin capital letter Y with acute
latin capital letter THORN
latin small letter sharp s — ess-zed

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239		 E0
E1
E2
E3
E4
E5
E6
E7
E8
E9
EA
EB
EC
ED
EE
EF		 à
á
â
ã
ä
å
æ
ç
è
é
ê
ë
ì
í
î
ï		 &#224;
&#225;
&#226;
&#227;
&#228;
&#229;
&#230;
&#231;
&#232;
&#233;
&#234;
&#235;
&#236;
&#237;
&#238;
&#239;		 &agrave;
&aacute;
&acirc;
&atilde;
&auml;
&aring;
&aelig;
&ccedil;
&egrave;
&eacute;
&ecirc;
&euml;
&igrave;
&iacute;
&icirc;
&iuml;		 latin small letter a with grave
latin small letter a with acute
latin small letter a with circumflex
latin small letter a with tilde
latin small letter a with diaeresis
latin small letter a with ring above
latin small letter ae
latin small letter c with cedilla
latin small letter e with grave
latin small letter e with acute
latin small letter e with circumflex
latin small letter e with diaeresis
latin small letter i with grave
latin small letter i with acute
latin small letter i with circumflex
latin small letter i with diaeresis

ASCII   HTML HTML  
Dec Hex Symbol Number Name  
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255		 F0
F1
F2
F3
F4
F5
F6
F7
F8
F9
FA
FB
FC
FD
FE
FF		 ð
ñ
ò
ó
ô
õ
ö
÷
ø
ù
ú
û
ü
ý
þ
ÿ		 &#240;
&#241;
&#242;
&#243;
&#244;
&#245;
&#246;
&#247;
&#248;
&#249;
&#250;
&#251;
&#252;
&#253;
&#254;
&#255;		 &eth;
&ntilde;
&ograve;
&oacute;
&ocirc;
&otilde;
&ouml;
&divide;
&oslash;
&ugrave;
&uacute;
&ucirc;
&uuml;
&yacute;
&thorn;
&yuml;		 latin small letter eth
latin small letter n with tilde
latin small letter o with grave
latin small letter o with acute
latin small letter o with circumflex
latin small letter o with tilde
latin small letter o with diaeresis
division sign
latin small letter o with slash
latin small letter u with grave
latin small letter u with acute
latin small letter u with circumflex
latin small letter u with diaeresis
latin small letter y with acute
latin small letter thorn
latin small letter y with diaeresis

 

    HTML HTML  
Dec Hex Symbol Number Name  
338
339
352
353
376
402		 152
153
160
161
178
192		 Œ
œ
Š
š
Ÿ
ƒ		 &#338;
&#339;
&#352;
&#353;
&#376;
&#402;		 latin capital letter OE
latin small letter oe
latin capital letter S with caron
latin small letter s with caron
latin capital letter Y with diaeresis
latin small f with hook — function

    HTML HTML  
Dec Hex Symbol Number Name  
8211
8212
8216
8217
8218
8220
8221
8222
8224
8225
8226
8230
8240
8364
8482		 2013
2014
2018
2019
201A
201C
201D
201E
2020
2021
2022
2026
2030
20AC
2122		 –
—
‘
’
‚
“
”
„
†
‡
•
…
‰
€
™		 &#8211;
&#8212;
&#8216;
&#8217;
&#8218;
&#8220;
&#8221;
&#8222;
&#8224;
&#8225;
&#8226;
&#8230;
&#8240;
&#8364;
&#8482;

&euro;

 en dash
em dash
left single quotation mark
right single quotation mark
single low-9 quotation mark
left double quotation mark
right double quotation mark
double low-9 quotation mark
dagger
double dagger
bullet
horizontal ellipsis
per thousand sign
euro sign
trade mark sign

 

 

 

Например HTML код:  &copy; отображает на экране символ ©

HTML код: &lt;h2&gt; отображает на экране <h2>

 

 

 

Коды символов HTML: Символы — Akadia

Коды символов HTML для общих символов

Символы символов HTML

Обложки:

  • [Игральные карты]
  • [Стрелки]*
  • [ латиница-1 ]
  • [ Особые знаки препинания ]
  • [буквенные символы]*
  • [Технический]*

*(Обратите внимание, что большинство из них не поддерживаются в более ранних версиях Microsoft Explorer, таких как 6 и 7).

HTML-коды символов игральных карт

♠ Пиковый костюм
♠
♠

♣ Клубный костюм
&трефы;
♣

♥ Сердечный костюм
♥
♥

♦ Бубновый костюм
♦
♦

HTML-коды для стрелок

← Стрелка влево
←
←

↑ Стрелка вверх
↑
↑

→ Стрелка вправо
→
→

↓ Стрелка вниз
↓
↓

↔ Стрелка влево-вправо
↔
↔

↵ Символ возврата каретки *
↵
↵

⇐ Двойная стрелка влево *
⇐
⇐

⇑ Двойная стрелка вверх *
⇑
⇑

⇒ Двойная стрелка вправо
⇒
⇒

⇓ Двойная стрелка вниз *
⇓
⇓

⇔ Двойная стрелка влево-вправо
⇔
⇔

Набор символов ISO-Latin-1 : Символы и валюты

Стандартные символы — 0-9, a-Z и т. д. я не упомянул по очевидным причинам. Этот список не является исчерпывающим.

и Амперсанд
&
и

  Неразрывный пробел
 
 

¡ Перевернутый восклицательный знак
¡
¡

¿ Перевернутый вопросительный знак
¿
¿

¢ Цент
Процент;
¢

£ Фунт стерлингов
фунт;
£
Примечание, в отличие от $$; ($) доллар, фунт плохо переносится на небританских/британских установках

€ евро
&евро;
€

¤ Общая валюта
¤
¤

¥ иен
¥
¥

§ Раздел
§
§

© Copyright
©
©

® Зарегистрированная торговая марка
®
®

™ Товарный знак
&торговля;
™
(Не совсем латиница-1, но сюда подходит 🙂 )

« Левая угловая кавычка (кирпа слева)
«
«

» Кавычки под прямым углом ( кайра справа )
»
»

¬ Не
&не;
¬

° Градус
°
°

± Плюс или минус
±
±

Пункт

· Средняя точка
·
·

¼ Одна четвертая
¼
¼

½ Половина
½
½

¾ Три четверти
¾
¾

÷ Раздел
&раздел;
÷

HTML-коды для специальных знаков препинания

• Пуля
•
•

… Горизонтальное многоточие
…
…

′ Prime
′
′

″ Double Prime
″
″

‾ Верхний край
‾
‾

⁄ Дробная косая черта
⁄
⁄

‘ Апостроф (одинарная кавычка)
.
‘

» Двойная кавычка
"
»

‘ Одинарная фигурная кавычка слева
‘
‘

’ Одинарная фигурная кавычка справа
’
’

‘ ’ Одинарные фигурные кавычки, пара
‘ & Rsquo;

» Двойная фигурная кавычка слева
“
«

» Двойная фигурная кавычка справа
”
”

“ ” Двойная фигурная кавычка, пара
“ ”
.

‚ Одинарная низкая 9 котировка
‚
.

„ Двойная младшая 9-кавычка
„
.

† Кинжал
†
.

‡ Двойной кинжал
‡
.

– Короткое тире
–
–

– Короткое тире
—
—

HTML-коды для буквенных символов *

℘ Заглавная буква P
℘
℘

ℑ Заглавная буква I
ℑ
ℑ

ℜ Заглавная буква R
ℜ
ℜ

™ Товарный знак
™
&8482#;

ℵ Алеф
ℵ
ℵ

HTML-коды для технических символов *

⌈ Левый потолок
⌈
⌈

⌉ Правый потолок
⌉
⌉

⌊ Левый этаж
&нижний этаж;
⌊

⌋ Правый этаж
⌋
⌋

〈 Угловая скоба, указывающая влево (**)
⟨
〈
〈   〈 (иногда работает шестнадцатеричная единица вместо десятичной)

〉 Угловая скоба, указывающая вправо (**)
⟩
〉
〉   〉 (иногда работает шестнадцатеричная единица вместо десятичной)

** Примечание:
(работает в Firefox (v25) и Internet Explorer (v11), но не в Opera (в настоящее время v18) или Safari (v5) или даже Chrome (v31)

Связанные внутренние кодовые страницы символов HTML

  • Математические символы
  • Греческий
  • Символы с диакритическими знаками
  • Наборы символов ISO
  • Интересные ссылки

Нравится:

Нравится Загрузка. ..

ASCII — Таблица двоичных символов

ASCII — Таблица двоичных символов

9051

0010

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Letter ASCII Code Binary Letter ASCII Code Binary
a 097 01100001 A 065 01000001
b 098 B 066 01000010
c 099 01100011 C 067 01000011
d 100 01100100 D 068 01000100
e 101 01100101 E 069 01000101
f 102 01100110 F 070 01000110
g 103 01100111 G 071 01000111
h 104 01101000 H 072 01001000
i 105 01101001 I 073 01001001
j 106 01101010 J 074 01001010
k 107 01101011 K 075 01001011
l 108 01101100 L 076 01001100
m 109 01101101 M 077 01001101
n 110 01101110 N 078 01001110
o 111 01101111 O 079 01001111
p 112 01110000 P 080 01010000
q 113 01110001 Q 081 01010001
r 114 01110010 R 082 01010010
s 115 01110011 S 083 01010011
t 116 01110100 T 084 01010100
u 117 01110101 U 085 01010101
v 118 01110110 V 086 01010110
w 119 01110111 W 087 01010111
x 120 01111000 X 088 01011000
y 121 01111001 y 089 01011001
Z 122 01111010 Z0110101010 Z0110101010 Z0110101010