Главная » Все про HTML » Коды спецсимволов для HTML. Урок №13

Коды спецсимволов для HTML. Урок №13

2014-02-20 / Вр:22:23 / просмотров: 14849

Всем привет!
Давайте познакомимся с таким понятием как спецсимволы для HTML.
Очень редко, но, все же, бывают такие случаи, когда спецсимвол просто необходим. Вот, например, как вы поставите в HTML документе знак copyright - © или функции – ƒ? Вот по этой причине спецсимволы в HTML документе, как спасательный круг.

Хочу показать вам яркий пример, где без спецсимволов обойтись абсолютно невозможно.

Вы прекрасно знаете, что в HTML все, что находится между скобками < и > браузер понимает как тег. Вот проблема! Как теперь сделать пример для пользователей, которые изучают HTML?
Ведь , если я напишу вот такой пример:

<html>
<head>
<title> </title>
</head>
<body >
<p>Основы HTML </p>
<html>
<head>
<title> </title>
</head>
<body >
</body>
</html>
</body>
</html>

То браузер либо меня не поймет и ничего не покажет, либо будет обзываться :smile: .
Чтобы браузер вас правильно понял и вывел вот так:

Коды спецсимволов для HTML. Урок №13

то нужно прописать спецсимволами в HTML-документе вот так:

<html>
<head>
<title>Коды спецсимволов для HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<p>Основы HTML </p>
&lt;html&gt;<br>
&lt;head&gt;<br>
&lt;title&gt;&lt;/title&gt;<br>
&lt;/head&gt;<br>
&lt;body&gt;<br>
&lt;/body&gt;<br>
&lt;/html&gt;<br>
</body>
</html>

Объяснение:
< - это спецсимвол <
> - это спецсимвол >
 - перенос строки.

Теперь еще один полезный спецсимвол – пробел.

Спро́сите: зачем, ведь пробел браузер понимает?! Отвечаю как человек, который неоднократно использовал этот спецсимвол в очень необходимых и не очень необходимых целях :???: .
Допустим, вам понадобилось между словом восемь пробелов подряд. Как вам добиться такого эффекта? Такой эффект можно достичь только с помощью спецсимвола, так как обычный пробел больше одного раза между словами игнорируется браузером.

Итак, пример:

<html>
<head>
<title>Коды спецсимволов для HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
слово1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;слово2 слово3
</body>
</html>

Результат:

Коды спецсимволов для HTML. Урок №13

Внимание: когда вы используете спецсимвол   (пробел), то он становится единым целым (слитным) со словами и переносить на другую строку эти два слова браузер не будет. То есть,
слово1    слово2 – браузер воспримет это как одну фразу и переносить «слово2» на другую строку не будет. Так что учтите это и используйте спецсимвол пробел правильно.

Вот перечень спецсимволов в HTML:

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

символ	html-код	десятичный код	описание
			неразрывный пробел
	&ensp;		узкий пробел (еn-шириной в букву n)
	&emsp;		широкий пробел (em-шириной в букву m)
–	–	–	узкое тире (en-тире)
—	—	—	широкое тире (em -тире)
			мягкий перенос
а́		́	ударение, ставится после "ударной" буквы

©	©	©	копирайт
®	®	®	знак зарегистрированной торговой марки
™	™	™	знак торговой марки
º	º	º	копье Марса
ª	ª	ª	зеркало Венеры
‰	&permil;	‰	промилле
π	π	π	пи (используйте Times New Roman)
¦	¦	¦	вертикальный пунктир
§	§	§	параграф
°	°	°	градус
µ	µ	µ	знак "микро"
¶	¶	¶	знак абзаца
…	…	…	многоточие
‾	&oline;	‾	надчеркивание
´	´	´	знак ударения
№		№	знак номера
знаки арифметических и математических операций
×	×	×	умножить
÷	÷	÷	разделить
<	<	<	меньше
>	>	>	больше
±	±	±	плюс/минус
¹	¹	¹	степень 1
²	²	²	степень 2
³	³	³	степень 3
¬	¬	¬	отрицание
¼	¼	¼	одна четвертая
½	½	½	одна вторая
¾	¾	¾	три четверти
⁄	frasl;	⁄	дробная черта
−	minus;	−	минус
≤	≤	≤	меньше или равно
≥	≥	≥	больше или равно
≈	≈	≈	приблизительно (почти) равно
≠	≠	≠	не равно
≡	&equiv;	≡	тождественно
√	√	√	квадратный корень (радикал)
∞	∞	∞	бесконечность
∑	∑	∑	знак суммирования
∏	∏	∏	знак произведения
∂	∂	∂	частичный дифференциал
∫	∫	∫	интеграл
∀	∀	∀	для всех (видно только если жирным шрифтом)
∃	∃	∃	существует
∅	∅	∅	пустое множество
Ø	Ø	Ø	диаметр
∈	∈	∈	принадлежит
∉	∉	∉	не принадлежит
∋	&ni;	∗	содержит
⊂	⊂	⊂	является подмножеством
⊃	⊃	⊃	является надмножеством
⊄	&nsub;	⊄	не является подмножеством
⊆	&sube;	⊆	является подмножеством либо равно
⊇	&supe;	⊇	является надмножеством либо равно
⊕	&oplus;	⊕	плюс в кружке
⊗	&otimes;	⊗	знак умножения в кружке
⊥	&perp;	⊥	перпендикулярно
∠	&ang;	∠	угол
∧	&and;	∧	логическое И
∨	&or;	∨	логическое ИЛИ
∩	∩	∩	пересечение
∪	∪	∪	объединение
знаки валют
€	€	€	Евро
¢	¢	¢	Цент
£	£	£	Фунт
¤	&current;	¤	Знак валюты
¥	¥	¥	Знак йены и юаня
ƒ	&fnof;	ƒ	Знак флорина
маркеры
•	•	•	простой маркер
○		○	круг
·	·	·	средняя точка
†		†	крестик
‡		‡	двойной крестик
♠	&spades;	♠	пики
♣	&clubs;	♣	трефы
♥	&hearts;	♥	червы
♦	&diams;	♦	бубны
◊	&loz;	◊	ромб
■		■	черный квадрат Малевича
◄		◄	треугольник налево
▼		▼	черный треугольник вниз
►		►	черный треугольник направо
▲		▲	черный треугольник вверх
✏		✏	карандаш
✎		✎	карандаш
✐		✐	карандаш
✍		✍	рука
♀		♀	женское начало
♂		♂	мужское начало
кавычки
"	"	"	двойная кавычка
&	&	&	амперсанд
«	«	«	левая типографская кавычка (кавычка-елочка)
»	»	»	правая типографская кавычка (кавычка-елочка)
′	′	′	штрих (минуты, футы)
″	″	″	двойной штрих (секунды, дюймы)
‘	‘	‘	левая верхняя одинарная кавычка
’	’	’	правая верхняя одинарная кавычка
‚	&sbquo;	‚	правая нижняя одинарная кавычка
“	“	“	кавычка-лапка левая
”	”	”	кавычка-лапка правая верхняя
„	&bdquo;	„	кавычка-лапка правая нижняя
‹		‹	одинарная угловая кавычка открывающая
›		›	одинарная угловая кавычка закрывающая
стрелки
←	←	←	стрелка влево
↑	↑	↑	стрелка вверх
→	→	→	стрелка вправо
↓	↓	↓	стрелка вниз
↔	↔	↔	стрелка влево и вправо
↕		↕	стрелка вверх и вниз
⇐	⇐	⇐	двойная стрелка влево
⇑	&uArr;	⇑	двойная стрелка вверх
⇒	⇒	⇒	двойная стрелка вправо
⇓	&dArr;	⇓	двойная стрелка вниз
⇔	⇔	⇔	двойная стрелка влево и вправо
⇕		⇕	двойная стрелка вверх и вниз
звездочки, снежинки
☃		☃	Снеговик
❄		❄	Снежинка
❅		❅	Зажатая трилистниками снежинка
❆		❆	Жирная остроугольная снежинка
★		★	Закрашенная звезда
☆		☆	Незакрашенная звезда
✪		✪	Незакрашенная звезда в закрашенном круге
✫		✫	Закрашенная звезда с незакрашенным кругом внутри
✯		✯	Вращающаяся звезда
✵		✵	Восьмиконечная вращающаяся звезда
❉		❉	Звёздочка с шарообразными окончаниями
❋		❋	Жирная восьмиконечная каплеобразная звёздочка-пропеллер
✺		✺	Шестнадцатиконечная звёздочка
✹		✹	Двенадцатиконечная закрашенная звезда
✸		✸	Жирная восьмиконечная прямолинейная закрашенная звезда
✶		✶	Шестиконечная закрашенная звезда
✷		✷	Восьмиконечная прямолинейная закрашенная звезда
✴		✴	Восьмиконечная закрашенная звезда
✳		✳	Восьмиконечная звёздочка
✲		✲	Звёздочка с незакрашенным центром
✱		✱	Жирная звёздочка
✧		✧	Заострённая четырёхконечная незакрашенная звезда
✦		✦	Заострённая четырёхконечная закрашенная звезда
⍟		⍟	Звезда в круге
⊛		⊛	Снежинка в круге
часы, время
⌚		⌚	Часы
⌛		⌛	Песочные часы

Греческий алфавит
строчные		прописные		описание
символ	html-код	символ	html-код	описание
α	α	Α	Α	альфа
β	β	Β	Β	бета
γ	γ	Γ	Γ	гамма
δ	δ	Δ	Δ	дельта
ε	ε	Ε	Ε	эпсилон
ζ	ζ	Ζ	Ζ	дзета
η	η	Η	Η	эта
θ	θ	Θ	Θ	тета
ι	ι	Ι	Ι	йота
κ	κ	Κ	Κ	каппа
λ	λ	Λ	Λ	лямбда
μ	μ	Μ	Μ	мю
ν	ν	Ν	Ν	ню
ξ	ξ	Ξ	Ξ	кси
ο	ο	Ο	Ο	омикрон
π	π	Π	Π	пи
ρ	ρ	Ρ	Ρ	ро
σ	σ	Σ	Σ	сигма
ς	&sigmaf;			окончательная сигма
τ	τ	Τ	Τ	тау
υ	υ	Υ	Υ	ипсилон
φ	φ	Φ	Φ	фи
χ	χ	Χ	Χ	хи
ψ	ψ	Ψ	Ψ	пси
ω	ω	Ω	Ω	омега

Ивритский алфавит		описание
символ	html-код	описание
א	א	алеф
ב	ב	бэт
ג	ג	гимель
ד	ד	далед
ה	ה	hей
ו	ו	вав
ז	ז	заин
ח	ח	хэт
ט	ט	тэт
י	י	йуд
ך	ך	каф-софит (ставится только в конце слова)
כ	כ	каф
ל	ל	ламед
ם	ם	мэм-софит (ставится только в конце слова)
מ	מ	мэм
ן	ן	нун-софит (ставится только в конце слова)
נ	נ	нун
ס	ס	самэх
ע	ע	аин
ף	ף	пэй-софит (ставится только в конце слова)
פ	פ	пэй
ץ	ץ	цадик-софит (ставится только в конце слова)
צ	צ	цадик
ק	ק	куф
ר	ר	рэйш
ש	ש	шин
ת	ת	тав