- Спецсимволы HTML
- Оформление текста и пунктуация
- Кавычки и скобки
- Математические знаки
- Стрелки и указатели
- quotes
- Синтаксис
- Значения
- HTML коды символов кавычек
- Как ставить кавычки
- Двойные кавычки
- Одинарные кавычки
- Двойные угловые кавычки
- Альтернативная запись кавычек
- Спецсимволы HTML
- Тире в HTML
- Стрелки в HTML
- Греческие буквы в HTML
- Другие спецсимволы в HTML
- Смотрите также:
Спецсимволы HTML
Таблица спецсимволов HTML, содержит самые популярные символы для верстки и оформления контента веб-страниц.
Чтобы разместить символ на странице, необходимо скопировать код символа и вставить в исходный HTML-код страницы.
Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице.
Оформление текста и пунктуация
Код | Символ | Описание |
---|---|---|
Неразрывный пробел | ||
Узкий пробел (длины N) | ||
Широкий пробел (длины M) | ||
… | … | Многоточие |
. | . | Точка |
, | , | Запятая |
: | : | Двоеточие |
; | ; | Точка с запятой |
! | ! | Восклицательный знак |
? | ? | Вопросительный знак |
¿ | ¿ | Перевернутый вопросительный знак |
– | | Дефис |
– | – | Обычное тире (длины N) |
— | — | Обычное тире (длины M) |
@ | @ | Собачка |
* | * | Звездочка |
# | # | Решетка |
¶ | ¶ | Абзац |
§ | § | Параграф |
́ | ́ | Ударение |
' | ‘ | Апостроф |
´ | ´ | Акут |
ˆ | ˆ | Акцент |
˜ | ˜ | Малая тильда |
/ | / | Символ косой черты (slash) |
\ | \ | Обратный слэш (backslash) |
⁄ | ⁄ | Косая дробная черта (деление) |
ǀ | ǀ | Вертикальная черта |
• | • | Простой маркер |
· | · | Средняя точка |
○ | ○ | Круг |
Кавычки и скобки
Код | Символ | Описание |
---|---|---|
" | « | Двойная кавычка |
‘ | ‘ | Одиночная верхняя левая кавычка |
’ | ’ | Одиночная верхняя правая кавычка |
‚ | ‚ | Одиночная нижняя правая кавычка |
“ | “ | Двойная верхняя левая кавычка |
” | ” | Двойная верхняя правая кавычка |
„ | „ | Двойная нижняя правая кавычка |
« | « | Двойная левая угловая кавычка |
» | » | Двойная правая угловая кавычка |
( | ( | Круглая скобка влево |
) | ) | Круглая скобка вправо |
〈 | 〈 | Угловая скобка влево |
〉 | 〉 | Угловая скобка вправо |
&#lsaquo; | ‹ | Угловая скобка влево, вариант |
&#rsaquo; | › | Угловая скобка вправо, вариант |
[ | [ | Квадратная скобка влево |
] | ] | Квадратная скобка вправо |
❛ | ❛ | Одиночная английская кавычка открывающая |
❜ | ❜ | Одиночная английская кавычка закрывающая |
❝ | ❝ | Двойная английская кавычка открывающая |
❞ | ❞ | Двойная английская кавычка закрывающая |
Математические знаки
Код | Символ | Описание |
---|---|---|
+ | + | Плюс |
− | − | Минус |
= | = | Равно |
× | × | Умножение |
÷ | ÷ | Деление |
± | ± | Плюс-минус |
¹ | ¹ | Верхний индекс «1» |
² | ² | Верхний индекс «2» |
³ | ³ | Верхний индекс «3» |
½ | ½ | Дробь «одна вторая» |
⅓ | ⅓ | Дробь «одна треть» |
¼ | ¼ | Дробь «одна четвёртая» |
¾ | ¾ | Дробь «три четверти» |
№ | № | Номер |
% | % | Процент |
‰ | ‰ | Промилле |
‱ | ‱ | Знак на десять тысяч |
µ | µ | Микро |
π | π | Пи |
ƒ | ƒ | Функции |
∫ | ∫ | Интеграл |
∏ | ∏ | Произведение |
∑ | ∑ | Суммирование |
√ | √ | Радикал |
∞ | ∞ | Бесконечность |
∝ | ∝ | Пропорционально |
≅ | ≅ | Приблизительно равно |
≈ | ≈ | Почти равно |
≠ | ≠ | Не равно |
≡ | ≡ | Идентично |
≤ | ≤ | Меньше или равно |
≥ | ≥ | Больше или равно |
∑ | ∑ | Суммирование |
Стрелки и указатели
Код | Символ | Описание |
---|---|---|
← | ← | Стрелка влево |
↑ | ↑ | Стрелка вверх |
→ | → | Стрелка вправо |
↓ | ↓ | Стрелка вниз |
↔ | ↔ | Стрелка влево-вправо |
⇆ | ⇆ | Стрелка влево-вправо |
⇐ | ⇐ | Двойная стрелка влево |
⇑ | ⇑ | Двойная стрелка вверх |
⇒ | ⇒ | Двойная стрелка вправо |
⇓ | ⇓ | Двойная стрелка вниз |
⇔ | ⇔ | Двойная стрелка влево-вправо |
⇕ | ⇕ | Двойная стрелка вверх и вниз |
⇧ | ⇧ | Толстая полая стрелка вверх |
⬇ | ⬇ | Закрашенная стрелка вниз |
⬆ | ⬆ | Закрашенная стрелка вверх |
➥ | ➥ | Изогнутая стрела, указывающая вниз и вправо |
➦ | ➦ | Изогнутая стрела, указывающая вверх и вправо |
↺ | ↺ | Круглая стрелка с наконечником против часовой стрелки |
↻ | ↻ | Круглая стрелка с наконечником против часовой стрелки |
↵ | ↵ | Возврат каретки |
↩ | ↩ | Стрелка налево с крючком |
▲ | ▲ | Треугольная стрелка вверх |
▼ | ▼ | Треугольная стрелка вниз |
► | ► | Треугольная стрелка вправо |
◄ | ◄ | Треугольная стрелка влево |
☚ | ☚ | Указательный палец закрашенный влево |
☛ | ☛ | Указательный палец закрашенный вправо |
☜ | ☜ | Указательный палец прозрачный влево |
☝ | ☝ | Указательный палец прозрачный вверх |
☞ | ☞ | Указательный палец прозрачный вправо |
☟ | ☟ | Указательный палец прозрачный вниз |
˂ | ˂ | Направление влево |
˃ | ˃ | Направление вправо |
˄ | ˄ | Направление прямо |
˅ | ˅ | Направление назад |
quotes
Устанавливает тип кавычек, который применяется в тексте документа. В каждом языке существуют свои традиции для обозначения кавычек, свойство quotes позволяет задать вид их отображения по всему тексту и установить, таким образом, его единообразное оформление. Добавление кавычек происходит автоматически для содержимого контейнера , а также для текста, к которому применяется стилевое свойство content со значением open-quote (открывающая кавычка) или close-quote (закрывающая кавычка).
Синтаксис
quotes: «левая кавычка» «правая кавычка» | none | inherit
Значения
В качестве значения используется символ текста (например, quotes: ««» «»» ) или символ юникода. Некоторые из них перечислены в табл. 1.
Вид | Спецкод HTML | Юникод | Описание |
---|---|---|---|
« | " | \0022 | Двойная кавычка, применяется обычно в моноширинных шрифтах, для обозначения символа дюйма, а также угловых секунд. |
‘ | ' | \0027 | Апостроф. Символ угловых минут, в латинице применяется для обозначения мягкого знака (popalas’ lisa). |
« | « или « | \00ab | Открывающая двойная угловая кавычка. |
» | » или » | \00bb | Закрывающая двойная угловая кавычка. |
‘ | ‘ | \2018 | Открывающая одинарная кавычка. |
’ | ’ | \2019 | Закрывающая одинарная кавычка. |
“ | “ | \201c | Открывающая двойная кавычка в англоязычных текстах или закрывающая для русского языка. |
” | ” | \201d | Закрывающая двойная кавычка в англоязычных текстах. |
„ | „ | \201e | Открывающая двойная кавычка. Применяется в русском языке. |
none Кавычки не добавляются. inherit Наследует значение родителя.
HTML5 CSS2.1 IE Cr Op Sa 5.1 Fx
Станислав Лец утверждал: Чаще всего выход там, где был вход
.
Результат данного примера показан на рис. 1.
Рис. 1. Применение свойства quotes
HTML коды символов кавычек
Ниже представлена таблица разбитая по категориям с различными html кодами для символов.
Обозначение | HTML код символа | Символы кавычек |
« | " или " | Обыная двойная кавычка |
‹ | ‹ | Одиночная открывающая угловая кавычка |
› | › | Одиночная закрывающая угловая кавычка |
« | « | Двойная открывающая угловая кавычка |
» | » | Двойная закрывающая угловая кавычка |
⋘ | ⋘ | Тройная закрывающая угловая кавычка |
⋙ | ⋙ | Тройная открывающая угловая кавычка |
❞ | ❞ | Двойная открывающая верхняя кавычка |
❝ | ❝ | Двойная закрывающая верхняя кавычка |
❜ | ❜ | Одиночная открывающая верхняя кавычка |
❛ | ❛ | Одиночная закрывающая нижняя кавычка |
„ | „ | Нижняя двойная открывающая кавычка |
“ | “ | Верхняя закрывающая двойная кавычка |
” | ” | Правая двойная закрывающая кавычка |
‟ | ‟ | Левая двойная открвыающая кавычка |
‚ | ‚ | Открывающая нижняя кавычка |
’ | ’ | Закрывающая вверхняя кавычка |
‘ | ‘ | Открывающая одинарная кавычка |
‛ | ‛ | Верхняя одинарная обратная кавычка |
Как ставить кавычки
Кавычки используются для обособления прямой речи, названий, цитат. В русском языке употребляются различные типы кавычек:
- Двойные кавычки («);
- Одинарные кавычки (‘);
- Двойные угловые кавычки-ёлочки («»).
Рассмотрим теперь каждый тип кавычек отдельно и разберемся, как набрать нужные кавычки на клавиатуре, и как сделать кавычки при помощи HTML.
Двойные кавычки
Основное назначение данных кавычек — выделение цитат. Кавычки-цитата могут быть набраны на клавиатуре при помощи сочетания клавиш Shift+»Э» (при включенной английской раскладке). В HTML двойные кавычки могут быть записаны следующим образом:
"Лучше стараться, чем ржаветь."
Одинарные кавычки
Одинарные кавычки (апострофы) по большей части используется для обособления одной цитаты внутри другой, выделения слов в переносном смысле, переводов. На клавиатуре набираются при помощи клавиши «Э» (в английской раскладке). Одинарные кавычки HTML записываются так:
"Если вы не хотите делить своего мужа, не 'пилите' его."
Двойные угловые кавычки
Двойные угловые кавычки (или «французские ёлочки») активно используются в русском языке в машинном тексте. На клавиатуре их можно набрать сочетанием клавиш Shift+2 (при включенной русской раскладке), но не на всех клавиатурах этот символ может присутствовать. В HTML кавычки-ёлочки записываются так:
«Нет пути к счастью, счастье - это путь».
Альтернативная запись кавычек
Кавычки, как и другие символы, можно набрать при помощи клавиши Alt и специального кода на цифровой клавиатуре (правый блок цифровых клавиш). Посмотрим теперь, какие коды необходимо знать для добавления кавычек, если, например, у вас на клавиатуре обычные методы ввода по каким-либо причинам недоступны.
Спецсимволы HTML
Бывают случаи, когда на сайте нужно вывести некоторые специальные символы, которых нет на обычной клавиатуре. К таким символам относятся, например, буквы греческого алфавита, стрелки, тире и другие символы. Как правило, спец символы в HTML начинаются с амперсанда (&) и заканчиваются точкой с запятой (;). Рассмотрим наиболее популярные HTML символы.
Тире в HTML
Тире с помощью HTML-кода можно проставить следующим образом:
Стрелки в HTML
Греческие буквы в HTML
Строчные буквы греческого алфавита записываются следующим образом:
- α — альфа строчная (α);
- β — бета строчная (β);
- γ — гамма строчная (γ);
- δ — дельта строчная (δ);
Заглавные буквы греческого алфавита выводятся с помощью тех же ключевых слов, начинающихся с заглавной буквы:
- Α — альфа заглавная (Α);
- Β — бета заглавная (Β);
- Γ — гамма заглавная (Γ);
- Δ — дельта заглавная (Δ);
Другие спецсимволы в HTML
Ниже приведены некоторые другие спецсимволы, которые часто используются в тексте:
- & — символ амперсанда (&);
- < — символ «меньше» ( <);
- > — символ «больше» (>);
- « — символ левой двойной угловой скобки («);
- » — символ правой двойной угловой скобки (»);
- — неразрывный пробел (по поводу использования различных видов пробелов с помощью HTML в «Нубекс» есть отдельная статья: Пробелы в HTML;
- € — знак валюты евро (€);
- £ — знак фунта стерлингов (£);
- § — символ параграфа (§);
- ™ — обозначение торговой марки (™);
- ± — символ плюс-минус (±);
- ° — символ градуса (°);
- ½ — символ дроби 1/2 (½);
- × — символ умножения (×);
- ÷ — символ деления (÷);
В конструкторе сайтов «Нубекс» есть стандартный визуальный редактор, который позволяет вставлять спецсимволы на сайт непосредственно из админ-панели.
Наиболее полный список специальных символов в HTML вы сможете найти на сайте w3schools.com.