- HTML-символы, таблица спецсимволов в формате HTML
- Таблица символов
- Красивые числа, пробелы, переносы
- Полезные знаки
- Знаки арифметических и математических операций
- Знаки валют
- Маркеры
- Кавычки
- Стрелки
- Спецсимволы в HTML
- Спецсимволы HTML
- Тире в HTML
- Стрелки в HTML
- Греческие буквы в HTML
- Другие спецсимволы в HTML
- Смотрите также:
- Спецсимволы HTML
- Оформление текста и пунктуация
- Кавычки и скобки
- Математические знаки
- Стрелки и указатели
HTML-символы, таблица спецсимволов в формате HTML
Спецсимволы 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; | ¤ | знак валюты |
¥ | ¥ | ¥ | знак йены и юаня |
ƒ | ƒ | знак флорина |
Маркеры
Изображение | Символ | Код | Описание |
---|---|---|---|
• | • | простой маркер | |
· | · | средняя точка | |
† | † | крестик | |
‡ | ‡ | двойной крестик | |
♠ | ♠ | пики | |
♣ | ♣ | трефы | |
♥ | ♥ | червы | |
♦ | ♦ | бубны | |
◊ | ◊ | ромб |
Кавычки
Изображение | Символ | Код | Описание |
---|---|---|---|
« | " | " | двойная кавычка |
& | & | & | амперсанд |
« | « | « | левая типографская кавычка (кавычка-елочка) |
» | » | » | правая типографская кавычка (кавычка-елочка) |
′ | ′ | штрих (минуты, футы) | |
″ | ″ | двойной штрих (секунды, дюймы) | |
“ | “ | кавычка-лапка левая | |
” | ” | кавычка-лапка правая верхняя | |
„ | „ | кавычка-лапка правая нижняя | |
‹ | ‹ | одинарная угловая кавычка открывающая | |
› | › | одинарная угловая кавычка закрывающая | |
‘ | ‘ | левая верхняя одинарная кавычка | |
’ | ’ | правая верхняя одинарная кавычка | |
‚ | ‚ | правая нижняя одинарная кавычка |
Стрелки
Изображение | Символ | Код | Описание |
---|---|---|---|
← | ← | стрелка влево | |
↑ | ↑ | стрелка вверх | |
→ | → | стрелка вправо | |
↓ | ↓ | стрелка вниз | |
↔ | ↔ | стрелка влево и вправо | |
⇐ | ⇐ | двойная стрелка влево | |
⇑ | ⇑ | двойная стрелка вверх | |
⇒ | ⇒ | двойная стрелка вправо (следствие) | |
⇓ | ⇓ | двойная стрелка вниз | |
⇔ | ⇔ | двойная стрелка влево-вправо (туда-сюда) |
Спецсимволы в HTML
Очень часто при написании кода HTML приходится выводить спецсимволы. Например, при написании статей для этого сайта, мне часто приходится писать, например, » «. Как вывести данный тег? Разумеется, если Вы в HTML-коде просто напишите » «, то браузер будет его интерпретировать как системный. Как поступить в данной ситуации? Ответ на этот вопрос находится в этой статье.
Я Вам покажу далеко не все спецсимволы в HTML, так как их достаточно много, а вот самые основные в таблице ниже:
Вид символа | Имя символа |
© | copy |
® | reg |
™ | trade |
∞ | infin |
> | gt |
lt | |
& | amp |
€ | euro |
§ | sect |
А теперь разберём один простой пример на использование спецсимволов в HTML. Например, выведем вот такой код:
HTML-код, необходимый для того, чтобы вывести текст выше:
Если вдруг, кто забыл или не знает, то « » — это обычный пробел (тоже спецсимвол). Просто ввиду того, что все теги, кроме ( ) вырезают лишние пробелы, то для вывода 2-х и более подряд идущих пробелов необходимо использовать эту сущность. Как можно понять из примера, для вывода спецсимвола необходимо соблюдать следующий синтаксис:
Если Вам потребуются ещё какие-нибудь символы, то можете поискать в Интернете, а самые основные я Вам уже дал.
Создано 17.12.2010 15:05:00
Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!
Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.
Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
- Кнопка:
Она выглядит вот так: - Текстовая ссылка:
Она выглядит вот так: Как создать свой сайт - BB-код ссылки для форумов (например, можете поставить её в подписи):
Спецсимволы HTML
Бывают случаи, когда на сайте нужно вывести некоторые специальные символы, которых нет на обычной клавиатуре. К таким символам относятся, например, буквы греческого алфавита, стрелки, тире и другие символы. Как правило, спец символы в HTML начинаются с амперсанда (&) и заканчиваются точкой с запятой (;). Рассмотрим наиболее популярные HTML символы.
Тире в HTML
Тире с помощью HTML-кода можно проставить следующим образом:
Стрелки в HTML
Греческие буквы в HTML
Строчные буквы греческого алфавита записываются следующим образом:
- α — альфа строчная (α);
- β — бета строчная (β);
- γ — гамма строчная (γ);
- δ — дельта строчная (δ);
Заглавные буквы греческого алфавита выводятся с помощью тех же ключевых слов, начинающихся с заглавной буквы:
- Α — альфа заглавная (Α);
- Β — бета заглавная (Β);
- Γ — гамма заглавная (Γ);
- Δ — дельта заглавная (Δ);
Другие спецсимволы в HTML
Ниже приведены некоторые другие спецсимволы, которые часто используются в тексте:
- & — символ амперсанда (&);
- < — символ «меньше» ( <);
- > — символ «больше» (>);
- « — символ левой двойной угловой скобки («);
- » — символ правой двойной угловой скобки (»);
- — неразрывный пробел (по поводу использования различных видов пробелов с помощью HTML в «Нубекс» есть отдельная статья: Пробелы в HTML;
- € — знак валюты евро (€);
- £ — знак фунта стерлингов (£);
- § — символ параграфа (§);
- ™ — обозначение торговой марки (™);
- ± — символ плюс-минус (±);
- ° — символ градуса (°);
- ½ — символ дроби 1/2 (½);
- × — символ умножения (×);
- ÷ — символ деления (÷);
В конструкторе сайтов «Нубекс» есть стандартный визуальный редактор, который позволяет вставлять спецсимволы на сайт непосредственно из админ-панели.
Наиболее полный список специальных символов в HTML вы сможете найти на сайте w3schools.com.
Смотрите также:
Спецсимволы HTML
Таблица спецсимволов HTML, содержит самые популярные символы для верстки и оформления контента веб-страниц.
Чтобы разместить символ на странице, необходимо скопировать код символа и вставить в исходный HTML-код страницы.
Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице.
Оформление текста и пунктуация
Код | Символ | Описание |
---|---|---|
Неразрывный пробел | ||
Узкий пробел (длины N) | ||
Широкий пробел (длины M) | ||
… | … | Многоточие |
. | . | Точка |
, | , | Запятая |
: | : | Двоеточие |
; | ; | Точка с запятой |
! | ! | Восклицательный знак |
? | ? | Вопросительный знак |
¿ | ¿ | Перевернутый вопросительный знак |
– | | Дефис |
– | – | Обычное тире (длины N) |
— | — | Обычное тире (длины M) |
@ | @ | Собачка |
* | * | Звездочка |
# | # | Решетка |
¶ | ¶ | Абзац |
§ | § | Параграф |
́ | ́ | Ударение |
' | ‘ | Апостроф |
´ | ´ | Акут |
ˆ | ˆ | Акцент |
˜ | ˜ | Малая тильда |
/ | / | Символ косой черты (slash) |
\ | \ | Обратный слэш (backslash) |
⁄ | ⁄ | Косая дробная черта (деление) |
ǀ | ǀ | Вертикальная черта |
• | • | Простой маркер |
· | · | Средняя точка |
○ | ○ | Круг |
Кавычки и скобки
Код | Символ | Описание |
---|---|---|
" | « | Двойная кавычка |
‘ | ‘ | Одиночная верхняя левая кавычка |
’ | ’ | Одиночная верхняя правая кавычка |
‚ | ‚ | Одиночная нижняя правая кавычка |
“ | “ | Двойная верхняя левая кавычка |
” | ” | Двойная верхняя правая кавычка |
„ | „ | Двойная нижняя правая кавычка |
« | « | Двойная левая угловая кавычка |
» | » | Двойная правая угловая кавычка |
( | ( | Круглая скобка влево |
) | ) | Круглая скобка вправо |
〈 | 〈 | Угловая скобка влево |
〉 | 〉 | Угловая скобка вправо |
&#lsaquo; | ‹ | Угловая скобка влево, вариант |
&#rsaquo; | › | Угловая скобка вправо, вариант |
[ | [ | Квадратная скобка влево |
] | ] | Квадратная скобка вправо |
❛ | ❛ | Одиночная английская кавычка открывающая |
❜ | ❜ | Одиночная английская кавычка закрывающая |
❝ | ❝ | Двойная английская кавычка открывающая |
❞ | ❞ | Двойная английская кавычка закрывающая |
Математические знаки
Код | Символ | Описание |
---|---|---|
+ | + | Плюс |
− | − | Минус |
= | = | Равно |
× | × | Умножение |
÷ | ÷ | Деление |
± | ± | Плюс-минус |
¹ | ¹ | Верхний индекс «1» |
² | ² | Верхний индекс «2» |
³ | ³ | Верхний индекс «3» |
½ | ½ | Дробь «одна вторая» |
⅓ | ⅓ | Дробь «одна треть» |
¼ | ¼ | Дробь «одна четвёртая» |
¾ | ¾ | Дробь «три четверти» |
№ | № | Номер |
% | % | Процент |
‰ | ‰ | Промилле |
‱ | ‱ | Знак на десять тысяч |
µ | µ | Микро |
π | π | Пи |
ƒ | ƒ | Функции |
∫ | ∫ | Интеграл |
∏ | ∏ | Произведение |
∑ | ∑ | Суммирование |
√ | √ | Радикал |
∞ | ∞ | Бесконечность |
∝ | ∝ | Пропорционально |
≅ | ≅ | Приблизительно равно |
≈ | ≈ | Почти равно |
≠ | ≠ | Не равно |
≡ | ≡ | Идентично |
≤ | ≤ | Меньше или равно |
≥ | ≥ | Больше или равно |
∑ | ∑ | Суммирование |
Стрелки и указатели
Код | Символ | Описание |
---|---|---|
← | ← | Стрелка влево |
↑ | ↑ | Стрелка вверх |
→ | → | Стрелка вправо |
↓ | ↓ | Стрелка вниз |
↔ | ↔ | Стрелка влево-вправо |
⇆ | ⇆ | Стрелка влево-вправо |
⇐ | ⇐ | Двойная стрелка влево |
⇑ | ⇑ | Двойная стрелка вверх |
⇒ | ⇒ | Двойная стрелка вправо |
⇓ | ⇓ | Двойная стрелка вниз |
⇔ | ⇔ | Двойная стрелка влево-вправо |
⇕ | ⇕ | Двойная стрелка вверх и вниз |
⇧ | ⇧ | Толстая полая стрелка вверх |
⬇ | ⬇ | Закрашенная стрелка вниз |
⬆ | ⬆ | Закрашенная стрелка вверх |
➥ | ➥ | Изогнутая стрела, указывающая вниз и вправо |
➦ | ➦ | Изогнутая стрела, указывающая вверх и вправо |
↺ | ↺ | Круглая стрелка с наконечником против часовой стрелки |
↻ | ↻ | Круглая стрелка с наконечником против часовой стрелки |
↵ | ↵ | Возврат каретки |
↩ | ↩ | Стрелка налево с крючком |
▲ | ▲ | Треугольная стрелка вверх |
▼ | ▼ | Треугольная стрелка вниз |
► | ► | Треугольная стрелка вправо |
◄ | ◄ | Треугольная стрелка влево |
☚ | ☚ | Указательный палец закрашенный влево |
☛ | ☛ | Указательный палец закрашенный вправо |
☜ | ☜ | Указательный палец прозрачный влево |
☝ | ☝ | Указательный палец прозрачный вверх |
☞ | ☞ | Указательный палец прозрачный вправо |
☟ | ☟ | Указательный палец прозрачный вниз |
˂ | ˂ | Направление влево |
˃ | ˃ | Направление вправо |
˄ | ˄ | Направление прямо |
˅ | ˅ | Направление назад |