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

Для чего нужны спецсимволы HTML? В начале при создании продающих страниц, потом полноценных сайтов, не задумывался, зачем мне эти спецсимволы если могу обойтись без них, не думая о том, что они так важны и без них не обойтись, однажды понадобился символ пробела и причём нужно было отступить несколько пробелов, на клавиатуре ставлю несколько пробелов, а браузер отображает как один. Начал искать ответы на свои вопросы, нашёл коды символов, только тогда мне получилось сделать несколько пробелов.

Случилась ситуация, необходимо было на сайте поставить товарный знак, тут уже ситуация понятна, что нужен HTML код, обратился к таблице нашёл нужный мне код и поставил ®. Приведу пару примеров, нужен маркированный список, многие наверное видели в начале текста стоит круглый черный кружок:

• текст
• текст
• текст

Все пользуются социальными сетями, не однократно видели у кого то Вконтакте в статусе, на самой стене, написано красивыми буквами. Напрашивается вопрос! Как они это смогли сделать Ответ очевиден, человек использовал символы буквы, сердечко символ, рисунки символами.

И многие другие символы используют веб мастера, не только они, как показывает практика в социальных сетях

Неоднократно верстальщики прибегают к таблице символов.

Таблица символов

Название Код HTML Символ
Амперсанд & &
Символ собаки @ @
Символ пробела    
Большой пробел  
Тире –
Длинное тире —
Маркер •
Точка · ·
Многоточие …

 

Символы кавычек

Название Код HTML Символ
Кавычка левая верхняя “
Кавычка правая верхняя ”
Двойная кавычка открывающая ❝
Двойная кавычка закрывающая ❞
Одиночная кавычка открывающая ❛
Одиночная кавычка закрывающая ❜
Левая одиночная угловая кавычка ‹
Правая одиночная угловая кавычка ›
Левая двойная угловая кавычка « «
Правая двойная угловая кавычка » »
Двойная кавычка " "
Двойной штрих ″
Одиночный штрих ′
Верхняя левая одиночная ‘
Верхняя правая одиночная ’
Нижняя правая одиночная ‚

 

Символы стрелок

Название Код HTML Символ
Стрелка влево ←
Стрелка вправо →
Стрелка вверх ↑
Стрелка вниз ↓
Стрелка влево–вправо ↔
Треугольник влево ◄
Треугольник вправо ►
Треугольник вверх ▲
Треугольник вниз ▼
Стрелка влево двойная ⇐
Стрелка вправо двойная ⇒
Стрелка вверх двойная ⇑
Стрелка вниз двойная ⇓
Стрелка вверх–вниз двойная ⇕
Стрелка влево–вправо двойная ⇔
ENTER ↵

 

Символы валют

Название Код HTML Символ
Символ денежной единицы ¤ ¤
Символ рубля ₽
Символ евро €
Символ цента ¢ ¢
Иена ¥ ¥
Франк ₣
Фунт £ £

 

Математические символы

Название Код HTML Символ
Пи π π
Плюс + +
Минус −
Умножить × ×
Разделить ÷ ÷
Меньше &lt; <
Больше &gt; >
Не равно &ne;

 

Символы цифр

Название Код HTML Символ
Ноль в белом круге &#9450;
Один в белом круге &#9312;
Два в белом круге &#9313;
Три в белом круге &#9314;
Чертыре в белом круге &#9315;
Пять в белом круге &#9316;
Шесть в белом круге &#9317;
Семь в белом круге &#9318;
Восемь в белом круге &#9319;
Девять в белом круге &#9320;
Десять в белом круге &#9321;
Десять в белом круге &#9321;
Одиннадцать в белом круге &#9322;
Двенадцать в белом круге &#9323;
Тринадцать в белом круге &#9324;
Четырнадцать в белом круге &#9325;
Пятнадцать в белом круге &#9326;
Шестнадцать в белом круге &#9327;
Семнадцать в белом круге &#9328;
Восемнадцать в белом круге &#9329;
Девятнадцать в белом круге &#9330;
Двадцать в белом круге &#9331;
Один в чёрном круге &#10102;
Два в чёрном круге &#10103;
Три в чёрном круге &#10104;
Четыре в чёрном круге &#10105;
Пять в чёрном круге &#10106;
Шесть в чёрном круге &#10107;
Семь в чёрном круге &#10108;
Восемь в чёрном круге &#10109;
Девять в чёрном круге &#10110;
Десять в чёрном круге &#10111;

 

Символы римских цифр

Название Код HTML Символ
Один &#8544;
Два &#8545;
Три &#8546;
Четыре &#8547;
Пять &#8548;
Шесть &#8549;
Семь &#8550;
Восемь &#8551;
Девять &#8552;
Десять &#8553;
Одиннадцать &#8554;
Двенадцать &#8555;

 

Символы букв

Название Код HTML Большая Код HTML Маленькая
Альфа &Alpha; Α &alpha; α
Бета &Beta; Β &beta; β
Гамма &Gamma; Γ &gamma; γ
Дельта &Delta; Δ &delta; δ
Эпсилон &Epsilon; Ε &epsilon; ε
Дзета &Zeta; Ζ &zeta; ζ
Эта &Eta; Η &eta; η
Тета &Theta; Θ &theta; θ
Йота &Iota; Ι &iota; ι
Каппа &Kappa; Κ &kappa; κ
Лямбда &Lambda; Λ &lambda; λ
Мю &Mu; Μ &mu; μ
Ню &Nu; Ν &nu; ν
Кси &Xi; Ξ &xi; ξ
Омикрон &Omicron; Ο &omicron; ο
Пи &Pi; Π &pi; π
Ро &Rho; Ρ &rho; ρ
Сигма &Sigma; Σ &sigma; σ
Тау &Tau; Τ &tau; τ
Ипсилон &Upsilon; Υ &upsilon; υ
Фи &Phi; Φ &phi; φ
Хи &Chi; Χ &chi; χ
Пси &Psi; Ψ &psi; ψ
Омега &Omega; Ω &omega; ω

 

Символы шахматных фигур

Название Код HTML Символ
Белый король &#9812;
Белый ферзь &#9813;
Белая ладья, тура &#9814;
Белый слон &#9815;
Белый конь &#9816;
Белая пешка &#9817;
Чёрный король &#9818;
Чёрный ферзь &#9819;
Чёрная ладья, тура &#9820;
Чёрный слон &#9821;
Чёрный конь &#9822;
Чёрная пешка &#9823;

 

Символы знаков зодиака

Название Код HTML Символ
Овен &#9800;
Телец &#9801;
Близнецы &#9802;
Рак &#9803;
Лев &#9804;
Дева &#9805;
Весы &#9806;
Скорпион &#9807;
Стрелец &#9808;
Козерог &#9809;
Водолей &#9810;
Рыбы &#9811;
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(18 голосов, в среднем: 5 из 5)