Содержание
- Математические символы, поддерживаемые в HTML
- Греческий и коптский алфавиты
- Зачем нужны спецсимволы и как ими пользоваться
- Инструкция вставки спецсимволов в HTML
- Инструкция вставки спецсимволов через CSS
Иногда стандартных символов оказывается недостаточно для разработки хорошего дизайна страницы. На этот случай существует возможность использовать специальные символы. Их применение сводится ко вставке в html-код страницы ASCII-кодов этих символов. Делается это, например, так:
© Copyright by Каратель
© Copyright by Каратель
В результате чего ваши посетители увидят:
© Copyright by Каратель
В текстовых редакторах, строке чата, да и вообще где угодно, вставить символ можно следующим образом: нажимаете клавишу NumLock (включаете цифровую часть клавиатуры), затем, удерживая клавишу Alt, набираете код символа (набираете только цифры; например, для вставки символа с кодом © Вам нужно нажать Alt, и, не отпуская его, набрать 169), потом отпускаете Alt. Правда, вставить символ из другого шрифта таким образом не получится.
Вот некоторые из этих кодов для обычного шрифта:
† — †
‡ — ‡
‰ — ‰
• — •
™ — ™
¨ — ¨
© — ©
® — ®
¯ — ¯
° — °
± — ±
² — ²
³ — ³
¶ — ¶
· — ·
¹ — ¹
¼ — ¼
½ — ½
¾ — ¾
⅛ — ⅛
⅜ — ⅜
⅝ — ⅝
⅞ — ⅞
¿ — ¿
× — ×
Ø — Ø
ŋ — ŋ
Ω — Ω
Δ — Δ
Θ — Θ
Ξ — Ξ
Σ — Σ
Ψ — Ψ
α — α
β — β γ — γ
δ — δ
η — η
θ — θ
λ — λ
ν — ν
ξ — ξ
π — π
ρ — ρ
φ — φ
ψ — ψ
ω — ω
Є — Є
а — а
б — б
в — в
г — г
д — д
е — е
ж — ж
з — з
и — и
й — й
к — к
л — л
м — м
н — н
о — о
п — п
р — р
с — с
т — т
у — у
ф — ф
х — х
ц — ц ч — ч
ш — ш
щ — щ
ъ — ъ
ы — ы
ь — ь
э — э
ю — ю
я — я
☺ — ☺
☻ — ☻
☼ — ☼
♀ — ♀
♂ — ♂
♠ — ♠
♣ — ♣
♥ — ♥
♦ — ♦
♪ — ♪
♫ — ♫
◦ — ◦
◙ — ◙
◘ — ◘
● — ●
○ — ○
◊ — ◊
◄ — ◄
▼ — ▼
► — ►
▲ — ▲
▪ — ▪
▫ — ▫
▬ — ▬
■ — ■
▓ — ▓
▒ — ▒ ░ — ░
▐ — ▐
█ — █
▄ — ▄
▀ — ▀
℮ — ℮
ℓ — ℓ
℅ — ℅
₪ — ₪
₧ — ₧
ⁿ — ⁿ
≠ — ≠
≡ — ≡
≤ — ≤
≥ — ≥
≈ — ≈
∫ — ∫
∩ — ∩
∟ — ∟
∞ — ∞
√ — √
∙ — ∙
∏ — ∏
∂ — ∂
↕ — ↕
↔ — ↔
↓ — ↓
→ — →
↑ — ↑
← — ←
═ — ═
║ — ║
╒ — ╒
╓ — ╓
╔ — ╔
╕ — ╕ ╖ — ╖
╗ — ╗
╘ — ╘
╙ — ╙
╚ — ╚
╛ — ╛
╜ — ╜
╝ — ╝
╞ — ╞
╟ — ╟
╠ — ╠
╡ — ╡
╢ — ╢
╣ — ╣
╤ — ╤
╥ — ╥
╦ — ╦
╧ — ╧
╨ — ╨
╩ — ╩
╪ — ╪
╫ — ╫
╬ — ╬
¡ — ¡
؛ — ؛
؟ — ؟
٭ — ٭
ۖ — ۖ
ı — ı
þ — þ
κ — κ
Существуют специальные шрифты, состоящие из одних картинок, созданные для "беспроблемного" введения графики на страницы. По-английски они называются dingbats — поищите на специализированных сайтах ;). Одним из таких шрифтов является Webdings. Он хорош тем, что поставляется в составе Internet Explorer, поэтому присутствует у большинства пользователей Windows. Это означает, что то, что Вы напечатали этим шрифтом, на другом компьютере будет с большой долей вероятности выглядеть так же, как и у Вас. Вот раскладка символов для него:
@ — @
# — #
$ — $
% — %
^ — ^
& — &
* — *
( — (
) — )
_ — _
+ — +
1 — 1
2 — 2
3 — 3
4 — 4
5 — 5
6 — 6
7 — 7
8 — 8
9 — 9
0 — 0
A — A
B — B
C — C
D — D
E — E
F — F
G — G
H — H
I — I
J — J
K — K
L — L
M — M
N — N O — O
P — P
R — R
S — S
T — T
U — U
W — W
V — V
X — X
Y — Y
Z — Z
` — `
a — a
b — b
d — d
e — e
f — f
g — g
h — h
i — i
j — j
k — k
l — l
m — m
n — n
o — o
p — p
q — q
r — r
s — s
t — t
u — u
v — v
w — w
x — x
y — y z — z
~ —
Читайте также: Как не вонять потом
 — ?
‚ — ‚
ƒ — ѓ
„ — „
… — …
† — †
‡ — ‡
ˆ — ˆ
‰ — ‰
Š — Š
‹ — ‹
Œ — Œ
 — ?
Ž — Ž
 — ?
 — ?
‘ — ‘
’ — ’
“ — “
” — ”
• — •
– — –
— — —
˜ — ˜
› — ›
¡ — ¡
£ — £
¤ — ¤
¥ — ¥
¦ — ¦
§ — §
¨ — ¨
© — ©
ª — ª
« — «
® — ®
° — °
± — ±
² — ²
³ — ³
´ — ´
µ — µ
· — ·
¸ — ¸
¹ — ¹
º — º
» — »
¾ — ¾
¿ — ¿
À — À
Á — Á
 — Â
à — Ã
Ä — Ä
Å — Å
Ç — Ç
È — È
É — É
Ê — Ê
Ë — Ë
Ì — Ì
Í — Í
Î — Î
Ï — Ï
Ð — Ð
Ñ — Ñ
Ò — Ò
Ó — Ó
Ô — Ô
Õ — Õ Ö — Ö
Ý — Ý
Þ — Þ
à — à
á — á
â — â
ã — ã
ä — ä
å — å
æ — æ
ç — ç
è — è
é — é
ë — ë
ì — ì
ñ — ñ
ò — ò
ó — ó
ô — ô
õ — õ
ö — ö
Ч — Ч
Ш — Ш
Щ — Щ
Ъ — Ъ
Ы — Ы
Ь — Ь
ч — ч
ш — ш
щ — щ
ы — ы
ь — ь
э — э
ю — ю
я — я
Еще один шрифт, который стоит практически у всех пользователей Windows — это Wingdings. Ниже приведена таблица кодов для него.
" — "
# — #
$ — $
% — %
& — &
‘ — ‘
( — (
) — )
* — *
+ — +
, — ,
— — —
. — .
/ — /
0 — 0
1 — 1
2 — 2
3 — 3
4 — 4
5 — 5
6 — 6
7 — 7
8 — 8
9 — 9
: — :
; — ;
= — =
> — >
? — ?
A — A
B — B
C — C
D — D E — E
F — D
G — G
H — H
I — I
J — J
K — K
L — L
M — M
N — N
O — O
P — P
Q — Q
R — R
S — S
T — T
U — U
V — V
W — W
X — X
Y — Y
Z — Z
[ — [
—
] — ]
^ — ^
_ — _
` — `
a — a
b — b
c — c
d — d
e — e
f — f
g — g h — h
i — i
j — j
k — k
l — l
m — m
n — n
o — o
p — p
q — q
r — r
s — s
t — t
u — u
v — v
w — w
x — x
y — y
z — z
< — <
| — |
— €
— ?
— ‚
— ƒ
— „
— …
— †
— ‡
— ˆ
— ‰
— Š
— ‹
— Œ
— ? — Ž
— ?
— ?
— ‘
— ’
— “
— ”
— •
— –
— —
— ˜
— ™
— š
— ›
— œ
— ?
— ž
— Ÿ
—
¡ — ¡
¢ — ¢
£ — £
¤ — ¤
¥ — ¥
¦ — ¦
§ — §
¨ — ¨
© — ©
ª — ª
« — «
¬ — ¬
—
® — ®
¯ — ¯
° — ° ± — ±
² — ²
³ — ³
´ — ´
µ — µ
¶ — ¶
à — Ã
Ä — Ä
Å — Å
Æ — Æ
Ç — Ç
È — È
É — É
Ê — Ê
Ë — Ë
Ì — Ì
Í — Í
Î — Î
Ï — Ï
Ð — Ð
Ñ — Ñ
Ò — Ò
Ó — Ó
Ô — Ô
Õ — Õ
Ö — Ö
û — û
ü — ü
ý — ý
þ — þ
ÿ — ÿ
Для некоторых значков введены буквенные коды, которые можно использовать вместо цифровых:
Спецсимволы HTML – это специальные языковые конструкции, которые ссылаются на символы из набора символов, используемых в текстовых файлов. В таблице приведен список зарезервированных и специальных символов, которые не могут быть добавлены в исходный код HTML-документа с помощью клавиатуры:
- символы, которые невозможно ввести с помощью клавиатуры (например символ копирайта)
- символы предназначенные для разметки (например знак больше или меньше)
Такие символы добавляются с помощью числового кода или имени.
Для добавления любого символа, перечисленного ниже, на вашу веб-страницу, просто вставьте код символа (или его имя) в месте, где требуется отобразить выбранный символ. Подробнее об использовании спецсимволов и пример добавления их на страницу смотрите в разделе "Зачем нужны спецсимволы и как ими пользоваться".
Математические символы, поддерживаемые в HTML
⩽ ⩽
⩽ меньше или равно
⩾ ⩾
⩾ больше или равно
Греческий и коптский алфавиты
Зачем нужны спецсимволы и как ими пользоваться
Предположим, вы решили описать какой-нибудь тег на вашей странице, но, поскольку браузер использует символы как начало и конец тега, применение их внутри содержимого вашего html-кода может привести к проблемам. Но HTML дает вам легкий способ определять эти и другие специальные символы с помощью простых аббревиатур, называемых ссылками на символы.
Рассмотрим, как это работает. Для каждого символа, который считается специальным или который вы хотите использовать на своей веб-странице, но который невозможно напечатать в вашем редакторе (например, символ авторского права), вы находите аббревиатуру и печатаете ее в html-коде вместо нужного символа. Например, для символа ">" аббревиатура — >, а для символа " очень важен» на своей странице. Вместо этого вам придется воспользоваться ссылками на нужные вам символы для корректного отображения записи, и в итоге ваша запись в коде должна будет выглядеть так:
Еще один специальный символ, о котором вам нужно знать — символ & (амперсанд). Если вы хотите, чтобы он отображался на вашей HTML-странице, используйте ссылку & вместо символа &.
Спецсимволы HTML + CSS
Мнемоника и коды специальных символов html в десятичной и шестнадцатиричной системе, а также инструкция как использовать спецсимволы html через CSS.
Инструкция вставки спецсимволов в HTML
Для вставки специальных символов в HTML код вы можете использовать любое из значений столбиков «Обозначение», «10-ный код» или «16-ный код». Ошибки не будет.
Пример добавления специальных символов:
Вот как это будет выглядеть на странице:
Инструкция вставки спецсимволов через CSS
Для вставки специальных символов через CSS код можно использовать только 16-ный код и не в том виде, что он дан в таблице.
Каждый 16-ный символ в таблице кодируется так — &#x "Шестнадцитиричный код" ;
Если вы хотите добавить символ, то вам нужно скоппировать необходимый "Шестнадцитиричный код" из таблицы (без приставки &#x), поставить перед ним обратный слеш и добавить его при помощи свойства content . Чаше всего также для использования свойства content применяют псевдоклассы :before или :after.
Пример: «закрашенный телефон»: ☎
десятичный код:
шестнадцатиричный код:
css код:
Содержание
- Математические символы, поддерживаемые в HTML
- Греческий и коптский алфавиты
- Зачем нужны спецсимволы и как ими пользоваться
- Инструкция вставки спецсимволов в HTML
- Инструкция вставки спецсимволов через CSS
Иногда стандартных символов оказывается недостаточно для разработки хорошего дизайна страницы. На этот случай существует возможность использовать специальные символы. Их применение сводится ко вставке в html-код страницы ASCII-кодов этих символов. Делается это, например, так:
© Copyright by Каратель
© Copyright by Каратель
В результате чего ваши посетители увидят:
© Copyright by Каратель
В текстовых редакторах, строке чата, да и вообще где угодно, вставить символ можно следующим образом: нажимаете клавишу NumLock (включаете цифровую часть клавиатуры), затем, удерживая клавишу Alt, набираете код символа (набираете только цифры; например, для вставки символа с кодом © Вам нужно нажать Alt, и, не отпуская его, набрать 169), потом отпускаете Alt. Правда, вставить символ из другого шрифта таким образом не получится.
Вот некоторые из этих кодов для обычного шрифта:
† — †
‡ — ‡
‰ — ‰
• — •
™ — ™
¨ — ¨
© — ©
® — ®
¯ — ¯
° — °
± — ±
² — ²
³ — ³
¶ — ¶
· — ·
¹ — ¹
¼ — ¼
½ — ½
¾ — ¾
⅛ — ⅛
⅜ — ⅜
⅝ — ⅝
⅞ — ⅞
¿ — ¿
× — ×
Ø — Ø
ŋ — ŋ
Ω — Ω
Δ — Δ
Θ — Θ
Ξ — Ξ
Σ — Σ
Ψ — Ψ
α — α
β — β γ — γ
δ — δ
η — η
θ — θ
λ — λ
ν — ν
ξ — ξ
π — π
ρ — ρ
φ — φ
ψ — ψ
ω — ω
Є — Є
а — а
б — б
в — в
г — г
д — д
е — е
ж — ж
з — з
и — и
й — й
к — к
л — л
м — м
н — н
о — о
п — п
р — р
с — с
т — т
у — у
ф — ф
х — х
ц — ц ч — ч
ш — ш
щ — щ
ъ — ъ
ы — ы
ь — ь
э — э
ю — ю
я — я
☺ — ☺
☻ — ☻
☼ — ☼
♀ — ♀
♂ — ♂
♠ — ♠
♣ — ♣
♥ — ♥
♦ — ♦
♪ — ♪
♫ — ♫
◦ — ◦
◙ — ◙
◘ — ◘
● — ●
○ — ○
◊ — ◊
◄ — ◄
▼ — ▼
► — ►
▲ — ▲
▪ — ▪
▫ — ▫
▬ — ▬
■ — ■
▓ — ▓
▒ — ▒ ░ — ░
▐ — ▐
█ — █
▄ — ▄
▀ — ▀
℮ — ℮
ℓ — ℓ
℅ — ℅
₪ — ₪
₧ — ₧
ⁿ — ⁿ
≠ — ≠
≡ — ≡
≤ — ≤
≥ — ≥
≈ — ≈
∫ — ∫
∩ — ∩
∟ — ∟
∞ — ∞
√ — √
∙ — ∙
∏ — ∏
∂ — ∂
↕ — ↕
↔ — ↔
↓ — ↓
→ — →
↑ — ↑
← — ←
═ — ═
║ — ║
╒ — ╒
╓ — ╓
╔ — ╔
╕ — ╕ ╖ — ╖
╗ — ╗
╘ — ╘
╙ — ╙
╚ — ╚
╛ — ╛
╜ — ╜
╝ — ╝
╞ — ╞
╟ — ╟
╠ — ╠
╡ — ╡
╢ — ╢
╣ — ╣
╤ — ╤
╥ — ╥
╦ — ╦
╧ — ╧
╨ — ╨
╩ — ╩
╪ — ╪
╫ — ╫
╬ — ╬
¡ — ¡
؛ — ؛
؟ — ؟
٭ — ٭
ۖ — ۖ
ı — ı
þ — þ
κ — κ
Существуют специальные шрифты, состоящие из одних картинок, созданные для "беспроблемного" введения графики на страницы. По-английски они называются dingbats — поищите на специализированных сайтах ;). Одним из таких шрифтов является Webdings. Он хорош тем, что поставляется в составе Internet Explorer, поэтому присутствует у большинства пользователей Windows. Это означает, что то, что Вы напечатали этим шрифтом, на другом компьютере будет с большой долей вероятности выглядеть так же, как и у Вас. Вот раскладка символов для него:
@ — @
# — #
$ — $
% — %
^ — ^
& — &
* — *
( — (
) — )
_ — _
+ — +
1 — 1
2 — 2
3 — 3
4 — 4
5 — 5
6 — 6
7 — 7
8 — 8
9 — 9
0 — 0
A — A
B — B
C — C
D — D
E — E
F — F
G — G
H — H
I — I
J — J
K — K
L — L
M — M
N — N O — O
P — P
R — R
S — S
T — T
U — U
W — W
V — V
X — X
Y — Y
Z — Z
` — `
a — a
b — b
d — d
e — e
f — f
g — g
h — h
i — i
j — j
k — k
l — l
m — m
n — n
o — o
p — p
q — q
r — r
s — s
t — t
u — u
v — v
w — w
x — x
y — y z — z
~ —
Читайте также: Как не вонять потом
 — ?
‚ — ‚
ƒ — ѓ
„ — „
… — …
† — †
‡ — ‡
ˆ — ˆ
‰ — ‰
Š — Š
‹ — ‹
Œ — Œ
 — ?
Ž — Ž
 — ?
 — ?
‘ — ‘
’ — ’
“ — “
” — ”
• — •
– — –
— — —
˜ — ˜
› — ›
¡ — ¡
£ — £
¤ — ¤
¥ — ¥
¦ — ¦
§ — §
¨ — ¨
© — ©
ª — ª
« — «
® — ®
° — °
± — ±
² — ²
³ — ³
´ — ´
µ — µ
· — ·
¸ — ¸
¹ — ¹
º — º
» — »
¾ — ¾
¿ — ¿
À — À
Á — Á
 — Â
à — Ã
Ä — Ä
Å — Å
Ç — Ç
È — È
É — É
Ê — Ê
Ë — Ë
Ì — Ì
Í — Í
Î — Î
Ï — Ï
Ð — Ð
Ñ — Ñ
Ò — Ò
Ó — Ó
Ô — Ô
Õ — Õ Ö — Ö
Ý — Ý
Þ — Þ
à — à
á — á
â — â
ã — ã
ä — ä
å — å
æ — æ
ç — ç
è — è
é — é
ë — ë
ì — ì
ñ — ñ
ò — ò
ó — ó
ô — ô
õ — õ
ö — ö
Ч — Ч
Ш — Ш
Щ — Щ
Ъ — Ъ
Ы — Ы
Ь — Ь
ч — ч
ш — ш
щ — щ
ы — ы
ь — ь
э — э
ю — ю
я — я
Еще один шрифт, который стоит практически у всех пользователей Windows — это Wingdings. Ниже приведена таблица кодов для него.
" — "
# — #
$ — $
% — %
& — &
‘ — ‘
( — (
) — )
* — *
+ — +
, — ,
— — —
. — .
/ — /
0 — 0
1 — 1
2 — 2
3 — 3
4 — 4
5 — 5
6 — 6
7 — 7
8 — 8
9 — 9
: — :
; — ;
= — =
> — >
? — ?
A — A
B — B
C — C
D — D E — E
F — D
G — G
H — H
I — I
J — J
K — K
L — L
M — M
N — N
O — O
P — P
Q — Q
R — R
S — S
T — T
U — U
V — V
W — W
X — X
Y — Y
Z — Z
[ — [
—
] — ]
^ — ^
_ — _
` — `
a — a
b — b
c — c
d — d
e — e
f — f
g — g h — h
i — i
j — j
k — k
l — l
m — m
n — n
o — o
p — p
q — q
r — r
s — s
t — t
u — u
v — v
w — w
x — x
y — y
z — z
< — <
| — |
— €
— ?
— ‚
— ƒ
— „
— …
— †
— ‡
— ˆ
— ‰
— Š
— ‹
— Œ
— ? — Ž
— ?
— ?
— ‘
— ’
— “
— ”
— •
— –
— —
— ˜
— ™
— š
— ›
— œ
— ?
— ž
— Ÿ
—
¡ — ¡
¢ — ¢
£ — £
¤ — ¤
¥ — ¥
¦ — ¦
§ — §
¨ — ¨
© — ©
ª — ª
« — «
¬ — ¬
—
® — ®
¯ — ¯
° — ° ± — ±
² — ²
³ — ³
´ — ´
µ — µ
¶ — ¶
à — Ã
Ä — Ä
Å — Å
Æ — Æ
Ç — Ç
È — È
É — É
Ê — Ê
Ë — Ë
Ì — Ì
Í — Í
Î — Î
Ï — Ï
Ð — Ð
Ñ — Ñ
Ò — Ò
Ó — Ó
Ô — Ô
Õ — Õ
Ö — Ö
û — û
ü — ü
ý — ý
þ — þ
ÿ — ÿ
Для некоторых значков введены буквенные коды, которые можно использовать вместо цифровых:
Спецсимволы HTML – это специальные языковые конструкции, которые ссылаются на символы из набора символов, используемых в текстовых файлов. В таблице приведен список зарезервированных и специальных символов, которые не могут быть добавлены в исходный код HTML-документа с помощью клавиатуры:
- символы, которые невозможно ввести с помощью клавиатуры (например символ копирайта)
- символы предназначенные для разметки (например знак больше или меньше)
Такие символы добавляются с помощью числового кода или имени.
Для добавления любого символа, перечисленного ниже, на вашу веб-страницу, просто вставьте код символа (или его имя) в месте, где требуется отобразить выбранный символ. Подробнее об использовании спецсимволов и пример добавления их на страницу смотрите в разделе "Зачем нужны спецсимволы и как ими пользоваться".
Математические символы, поддерживаемые в HTML
⩽ ⩽
⩽ меньше или равно
⩾ ⩾
⩾ больше или равно
Греческий и коптский алфавиты
Зачем нужны спецсимволы и как ими пользоваться
Предположим, вы решили описать какой-нибудь тег на вашей странице, но, поскольку браузер использует символы как начало и конец тега, применение их внутри содержимого вашего html-кода может привести к проблемам. Но HTML дает вам легкий способ определять эти и другие специальные символы с помощью простых аббревиатур, называемых ссылками на символы.
Рассмотрим, как это работает. Для каждого символа, который считается специальным или который вы хотите использовать на своей веб-странице, но который невозможно напечатать в вашем редакторе (например, символ авторского права), вы находите аббревиатуру и печатаете ее в html-коде вместо нужного символа. Например, для символа ">" аббревиатура — >, а для символа " очень важен» на своей странице. Вместо этого вам придется воспользоваться ссылками на нужные вам символы для корректного отображения записи, и в итоге ваша запись в коде должна будет выглядеть так:
Еще один специальный символ, о котором вам нужно знать — символ & (амперсанд). Если вы хотите, чтобы он отображался на вашей HTML-странице, используйте ссылку & вместо символа &.
Спецсимволы HTML + CSS
Мнемоника и коды специальных символов html в десятичной и шестнадцатиричной системе, а также инструкция как использовать спецсимволы html через CSS.
Инструкция вставки спецсимволов в HTML
Для вставки специальных символов в HTML код вы можете использовать любое из значений столбиков «Обозначение», «10-ный код» или «16-ный код». Ошибки не будет.
Пример добавления специальных символов:
Вот как это будет выглядеть на странице:
Инструкция вставки спецсимволов через CSS
Для вставки специальных символов через CSS код можно использовать только 16-ный код и не в том виде, что он дан в таблице.
Каждый 16-ный символ в таблице кодируется так — &#x "Шестнадцитиричный код" ;
Если вы хотите добавить символ, то вам нужно скоппировать необходимый "Шестнадцитиричный код" из таблицы (без приставки &#x), поставить перед ним обратный слеш и добавить его при помощи свойства content . Чаше всего также для использования свойства content применяют псевдоклассы :before или :after.
Пример: «закрашенный телефон»: ☎
десятичный код:
шестнадцатиричный код:
css код:
Источник: