При форматировании и верстке текста сеошники и верстальщики часто пользуются html символами, такими как стрелочки, значки, длинное тире, кавычки, знаки обозначения валютных единиц и математические символы.
Рассмотрим список наиболее часто используемых на страницах вебсайтов html символов. Как правильно вставлять html символы при верстке текста?
| Картинка | Символ | Код символа | Что это за символ? |
| | неразрывный пробел | ||
| суженный пробел | |||
| расширенный пробел | |||
| – | – | – | короткое тире |
| — | — | — | длинное тире |
| | | мягкий перенос | |
| © | © | © | знак копирайта |
| ® | ® | ® | знак “зарегистрировано” |
| º | º | º | копье Марса (мужской знак) |
| ª | ª | ª | зеркало Венеры (женский знак) |
| ‰ | ‰ | ‰ | знак промилле – одна тысячная |
| π | π | π | число Пи |
| ¦ | ¦ | вертикальная черта | |
| § | § | § | параграф |
| ° | ° | градус | |
| µ | µ | µ | буква мю, знак «микро» |
| ¶ | ¶ | ¶ | абзац |
| · | · | точечный маркер | |
| ° | ° | градус | |
| … | … | многоточие | |
| ‾ | ‾ | надчеркивание (верхняя черта) | |
| ´ | ´ | знак ударения | |
| ¦ | ¦ | вертикальный пунктир | |
| № | № | знак обозначеия номера | |
| Математические символы | |||
| × | × | зимвол крестика | |
| × | × | умножение | |
| ÷ | ÷ | ÷ | деление |
| < | < | < | менее |
| > | > | > | более |
| ± | &plusm; | ± | плюс/минус |
| ¹ | ¹ | ¹ | первая степень |
| ² | ² | ² | квадрат числа |
| ³ | ³ | ³ | третья степень |
| ¬ | ¬ | знак отрицания | |
| ¼ | ¼ | ¼ | четверть |
| ½ | ½ | ½ | одна вторая |
| ¾ | ¾ | ¾ | три четверти |
| ⁄ | ⁄ | черта дроби | |
| − | − | минус | |
| ≤ | ≤ | знак “менее или равно” | |
| ≥ | ≥ | знак “более или равно” | |
| ≈ | ≈ | знак приблизительного равенства | |
| ≠ | ≠ | знак неравенства | |
| ≡ | ≡ | знак тождественного равенства | |
| √ | √ | знак квадратного корня (радикала) | |
| ∞ | ∞ | бесконечность | |
| ∑ | ∑ | знак суммы | |
| ∏ | ∏ | знак произведения | |
| ∂ | ∂ | частичный дифференциал | |
| ∫ | ∫ | знак интеграла | |
| Символы обозначения валют | |||
| € | € | € | Знак Евро |
| ¢ | ¢ | ¢ | Знак цента |
| £ | £ | £ | Знак фунта |
| ¤ | ¤t; | ¤ | Знак обозначения валюты |
| ¥ | ¥ | ¥ | Знак йены и юаня |
| ƒ | ƒ | Знак флорина | |
| Символы маркеров | |||
| • | • | точечный маркер | |
| · | · | средняя точка | |
| † | † | знак крестика | |
| ‡ | ‡ | знак двойного крестика | |
| ♠ | ♠ | пики | |
| ♣ | ♣ | трефы | |
| ♥ | ♥ | червы | |
| ♦ | ♦ | бубны | |
| ◊ | ◊ | знак ромба | |
| Символы кавычек | |||
| » | " | " | двойная кавычка |
| & | & | & | знак мперсанда |
| « | « | « | левая типографская кавычка (кавычка-елочка) |
| » | » | » | правая типографская кавычка (кавычка-елочка) |
| ′ | ′ | штрих (минуты, футы) | |
| ″ | ″ | двойной штрих (секунды, дюймы) | |
| “ | “ | кавычка-лапка левая | |
| ” | ” | кавычка-лапка правая верхняя | |
| „ | „ | кавычка-лапка правая нижняя | |
| ‹ | ‹ | одинарная угловая кавычка открывающая | |
| › | › | одинарная угловая кавычка закрывающая | |
| ‘ | ‘ | левая верхняя одинарная кавычка | |
| ’ | ’ | правая верхняя одинарная кавычка | |
| ‚ | ‚ | правая нижняя одинарная кавычка | |
| Символы стрелочек | |||
| ← | ← | стрелка влево | |
| ↑ | ↑ | стрелка вверх | |
| → | → | стрелка вправо | |
| ↓ | ↓ | стрелка вниз | |
| ↔ | ↔ | стрелка влево и вправо | |
| ⇐ | ⇐ | двойная стрелка влево | |
| ⇑ | ⇑ | двойная стрелка вверх | |
| ⇒ | ⇒ | двойная стрелка вправо (следствие) | |
| ⇓ | ⇓ | двойная стрелка вниз | |
| ⇔ | ⇔ | двойная стрелка влево-вправо (туда-сюда) | |
Как раз начинаю обучаться разработке сайтов на html. Полезная информация — пригодится. Спасибо!
Обязательно сохраню эту табличку, нашла абсолютно все значки, которыми пользуюсь. У меня зачастую возникают проблемы с кавычками, очень часто выставляются совсем не те, что нужно.
Согласен с мнением о полезности данной информации. На мой скромный взгляд, спецсимволы обогащают html
Спасибо за полезную статью, добавил себе в закладки. Конструирую сайты и всего не запомнить, раньше в случае чего приходилось забивать в поиск и смотреть кодировку спецсимволов в справочниках. Здесь вроде бы все есть.