Ваще норм расписал, красава
HTML-символы, таблица спецсимволов в формате HTML
— по оценке 5 пользователей
07 августа, 00:00
7814
0
Содержание
Спецсимволы HTML (символы-мнемоники) — это стандартный обобщенный язык разметки, ссылающийся на определенные символы из символьного набора документа. Чаще всего они применяются с целью указания необходимых символов, которых нет в стандартной клавиатуре.
В данной статье представлены наиболее востребованные и популярные спецсимволы в формате HTML для использования на веб-страницах при вёрстке текста. Наиболее востребованные символы это: стрелки, значки, обозначение валют, умножение.
При форматировании текста, как SEO-специалисту, так и верстальщику обязательно потребуются символы в формате HTML — длинное тире (вместо минуса на клавиатуре), кавычки-ёлочки (вместо прямых на клавиатуре) и ряд других знаков.
Таблица символов
Красивые числа, пробелы, переносы
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| ❶ | ❶ | ❶ | номер 1 в кружочке |
| ❷ | ❷ | ❷ | номер 2 в кружочке |
| ❸ | ❸ | ❸ | номер 3 |
| ❹ | ❹; | ❹ | номер 4 |
| ❺ | ❺ | ❺ | номер 5 |
| ❻ | ❻ | ❻ | номер 6 |
| ❼ | ❼ | ❼ | номер 7, далее, по аналогии — #10109 будет числом 8 |
| |   | неразрывный пробел | |
|   |   | узкий пробел (еn-шириной в букву n) | |
|   |   | широкий пробел (em-шириной в букву m) | |
| – | – | – | узкое тире (en-тире) |
| — | — | — | широкое тире (em-тире), широко используется в текстах |
| | ­ | ­ | мягкий перенос |
Полезные знаки
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| © | © | © | копирайт |
| ® | ® | ® | знак (r) — зарегистрировано |
| º | º | º | копье марса |
| ª | ª | ª | зеркало венеры |
| ‰ | ‰ | ‰ | промилле |
| π | π | π | пи |
| ¦ | ¦ | вертикальная черта | |
| § | § | § | знак параграфа |
| ° | ° | знак градуса | |
| µ | µ | µ | знак «микро» |
| ¶ | ¶ | ¶ | знак абзаца |
| · | · | точка-маркер | |
| ° | ° | градус | |
| … | … | многоточие | |
| ‾ | ‾ | надчеркивание (верхняя черта) | |
| ´ | ´ | знак ударения | |
| ¦ | ¦ | вертикальный пунктир | |
| № | № | знак/символ номера |
Знаки арифметических и математических операций
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| × | × | крестик | |
| × | × | знак умножения | |
| ÷ | ÷ | ÷ | знак деления |
| < | < | < | меньше, чем |
| > | > | > | больше, чем |
| ± | &plusm; | ± | знак «плюс/минус» |
| ¹ | ¹ | ¹ | степень 1 |
| ² | ² | ² | степень 2 |
| ³ | ³ | ³ | степень 3 |
| ¬ | ¬ | знак отрицания | |
| ¼ | ¼ | ¼ | одна четвертая |
| ½ | ½ | ½ | одна вторая |
| ¾ | ¾ | ¾ | три четверти |
| ⁄ | ⁄ | дробная черта | |
| − | − | знак минус | |
| ≤ | ≤ | меньше или равно | |
| ≥ | ≥ | больше или равно | |
| ≈ | ≈ | приблизительно равно (асимптотически равно) | |
| ≠ | ≠ | не равно | |
| ≡ | ≡ | совпадает с | |
| √ | √ | квадратный корень (радикал) | |
| ∞ | ∞ | знак бесконечность | |
| ∑ | ∑ | знак суммирования | |
| ∏ | ∏ | знак произведения | |
| ∂ | ∂ | частичный дифференциал | |
| ∫ | ∫ | интеграл |
Знаки валют
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| € | € | € | евро |
| ¢ | ¢ | ¢ | цент |
| £ | £ | £ | фунт |
| ¤ | ¤t; | ¤ | знак валюты |
| ¥ | ¥ | ¥ | знак йены и юаня |
| ƒ | ƒ | знак флорина |
Маркеры
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| • | • | простой маркер | |
| · | · | средняя точка | |
| † | † | крестик | |
| ‡ | ‡ | двойной крестик | |
| ♠ | ♠ | пики | |
| ♣ | ♣ | трефы | |
| ♥ | ♥ | червы | |
| ♦ | ♦ | бубны | |
| ◊ | ◊ | ромб |
Кавычки
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| " | " | " | двойная кавычка |
| & | & | & | амперсанд |
| « | « | « | левая типографская кавычка (кавычка-елочка) |
| » | » | » | правая типографская кавычка (кавычка-елочка) |
| ′ | ′ | штрих (минуты, футы) | |
| ″ | ″ | двойной штрих (секунды, дюймы) | |
| “ | “ | кавычка-лапка левая | |
| ” | ” | кавычка-лапка правая верхняя | |
| „ | „ | кавычка-лапка правая нижняя | |
| ‹ | ‹ | одинарная угловая кавычка открывающая | |
| › | › | одинарная угловая кавычка закрывающая | |
| ‘ | ‘ | левая верхняя одинарная кавычка | |
| ’ | ’ | правая верхняя одинарная кавычка | |
| ‚ | ‚ | правая нижняя одинарная кавычка |
Стрелки
| Изображение | Символ | Код | Описание |
|---|---|---|---|
| ← | ← | стрелка влево | |
| ↑ | ↑ | стрелка вверх | |
| → | → | стрелка вправо | |
| ↓ | ↓ | стрелка вниз | |
| ↔ | ↔ | стрелка влево и вправо | |
| ⇐ | ⇐ | двойная стрелка влево | |
| ⇑ | ⇑ | двойная стрелка вверх | |
| ⇒ | ⇒ | двойная стрелка вправо (следствие) | |
| ⇓ | ⇓ | двойная стрелка вниз | |
| ⇔ | ⇔ | двойная стрелка влево-вправо (туда-сюда) |
Подписывайтесь
на рассылку
на рассылку
Понравилась статья?
— по оценке 5 пользователей
11 апреля, 15:31
Оставить комментарий
Гость
20.06.2025
Ответить
Наши достижения
Входим в число лучших компаний России в сферах интернет-рекламы и разработки сайтов по результатам самых авторитетных рейтингов
Победитель в номинации «SEO для e-commerce» по итогам
WORKSPACE DIGITAL AWARDS 2025
Победитель в номинации «SEO под ключ» по итогам
WORKSPACE DIGITAL AWARDS 2024
Рейтинг с самой прозрачной методологией
SEO глазами клиентов 2023
Рейтинг известности SEO-компаний 2020 по версии
SEO-news
Другие статьи автора
-
Правила использования копирайт...
Как правильно использовать копирайты компании «Пиксель Плюс» для размещения на сайте? С какого слова указывать ссылку? Подчеркивать или не подчеркиват...31 мая -
Сравнение CMS 1С-Битрикс и Joomla
Какую системы управления выбрать? Чем коммерческие системы управления отличаются от бесплатных? Что лучше 1С-Битрикс или Joomla?31 мая -
Стандартные цвета для дизайна ...
Стандартные цвета для веб-дизайна. Используя эти цвета для своих сайтов в интернете вы можете быть уверены в правильной цветопередаче и их восприятии ...31 мая -
Взлом Joomla
В случае утери или отсутствия данных для доступа к Joomla, есть способ заменить пароль администратора на любой желаемый. Для этого потребуется либо FT...31 мая -
Настройка полей стандартной ре...
Настройка стандартной формы регистрации в Битриксе, например необходимо добавить поле "Страна" или любое другое.31 мая -
Белый экран вместо содержимого...
1. Включите в файл .htaccess директиву: php_value display_errors 1
2. Установите в файле bitrix/php_interface/dbconn.php значение переменной $DB...31 мая -
Стандартные шрифты для дизайна
Список стандартных шрифтов для использования на страницах интернет сайтов, которые будут отображаться одинаково для всех посетителей сайта.11 апреля -
Какое разрешение экрана самое ...
А в нашем случае вопрос звучит так: под какое разрешение экрана делать сайт, если он не адаптивный. То есть вопрос у нас заключается в том: какое наиб...11 апреля
Другие статьи рубрики
-
Виды автоматической переадреса...
Что такое редиректы? Какие виды редиректов существуют в интернете?31 мая -
Правила использования копирайт...
Как правильно использовать копирайты компании «Пиксель Плюс» для размещения на сайте? С какого слова указывать ссылку? Подчеркивать или не подчеркиват...31 мая -
Ранжирование в поисковиках
Какие основные задачи решает поисковая система при ранжировании документов по запросу? Какие факторы ранжирования наиболее важные?31 мая -
Продвижение по трафику: вопрос...
Ряд вопросов по продвижению сайта по трафику. Нюансы тарификации, расчёта стоимости работ, абонентской оплаты.31 мая -
Белая оптимизация и черная пои...
Что такое «черная» и «белая» поисковая оптимизация? Каковы критерии? Базовые фильтры поисковых систем.31 мая -
Способы тестирования сайта
Как происходит тестирование и отладка после завершения работ по созданию сайта?31 мая -
Обновление сайта в процессе пр...
Зачем осуществлять регулярное обновление сайта (новости и статьи)? Важно ли обновление сайта для его успешного поискового продвижения в сети31 мая -
-
Советы по подбору поисковых за...
Что такое количество точных запросов и количество показов (частотность) по статистике Яндекса?31 мая -
Советы по составлению ТЗ на со...
Что нужно в первую очередь от клиента при разработке технического задания для создания интернет-магазина?31 мая -
Сравнение CMS 1С-Битрикс и Joomla
Какую системы управления выбрать? Чем коммерческие системы управления отличаются от бесплатных? Что лучше 1С-Битрикс или Joomla?31 мая -
Анализ эффективности поисковог...
Эффективно ли поисковое продвижение сайта (SEO) как канал рекламы?31 мая
Оставьте заявку
Нужна помощь с сайтом? Заполните форму, и наши менеджеры проконсультируют вас уже сегодня!
Получайте полезные письма
Присылаем экспертные исследования и кейсы по SEO и интернет-маркетингу, а также спецпредложения только для подписчиков!
