Как вставить спецсимволы в html
Для вставки спецсимволов, или «символов-мнемоник» используется конструкция &мнемоника; .
Например, чтобы вставить символ рубля, нужно использовать мнемонику ₽ . На сайте она будет выведена так: ₽
Мнемоники являются обычным символом, поэтому их можно использовать в любом месте текста и не переживать, что вёрстка сломается:
Цена: 2022 ₽
Список мнемоник можно посмотреть на различных сайтах в интернете. Например, здесь
Спецсимволы
Для отображения символов, которых нет на клавиатуре, применяются специальные знаки, начинающиеся с амперсанда (&) и заканчивающиеся точкой с запятой (;). В табл. 7.1 приведены некоторые популярные спецсимволы.
| Имя | Код | Вид | Описание |
|---|---|---|---|
| неразрывный пробел | |||
| £ | £ | £ | фунт стерлингов |
| € | € | € | знак евро |
| ¶ | ¶ | ¶ | символ параграфа |
| § | § | § | параграф |
| © | © | © | знак copyright |
| ® | ® | ® | знак зарегистрированной торговой марки |
| ™ | ™ | ™ | знак торговой марки |
| ° | ° | ° | градус |
| ± | ± | ± | плюс-минус |
| ¼ | ¼ | ¼ | дробь — одна четверть |
| ½ | ½ | ½ | дробь — одна вторая |
| ¾ | ¾ | ¾ | дробь — три четверти |
| × | × | × | знак умножения |
| ÷ | ÷ | ÷ | знак деления |
| ƒ | ƒ | ƒ | знак функции |
| Греческие буквы | |||
| Α | Α | Α | греческая заглавная буква альфа |
| Β | Β | Β | греческая заглавная буква бета |
| Γ | Γ | Γ | греческая заглавная буква гамма |
| Δ | Δ | Δ | греческая заглавная буква дельта |
| Ε | Ε | Ε | греческая заглавная буква эпсилон |
| Ζ | Ζ | Ζ | греческая заглавная буква дзета |
| Η | Η | Η | греческая заглавная буква эта |
| Θ | Θ | Θ | греческая заглавная буква тета |
| Ι | Ι | Ι | греческая заглавная буква иота |
| Κ | Κ | Κ | греческая заглавная буква каппа |
| Λ | Λ | Λ | греческая заглавная буква лямбда |
| Μ | Μ | Μ | греческая заглавная буква мю |
| Ν | Ν | Ν | греческая заглавная буква ню |
| Ξ | Ξ | Ξ | греческая заглавная буква кси |
| Ο | Ο | Ο | греческая заглавная буква омикрон |
| Π | Π | Π | греческая заглавная буква пи |
| Ρ | Ρ | Ρ | греческая заглавная буква ро |
| Σ | Σ | Σ | греческая заглавная буква сигма |
| Τ | Τ | Τ | греческая заглавная буква тау |
| Υ | Υ | Υ | греческая заглавная буква ипсилон |
| Φ | Φ | Φ | греческая заглавная буква фи |
| Χ | Χ | Χ | греческая заглавная буква хи |
| Ψ | Ψ | Ψ | греческая заглавная буква пси |
| Ω | Ω | Ω | греческая заглавная буква омега |
| α | α | α | греческая строчная буква альфа |
| β | β | β | греческая строчная буква бета |
| γ | γ | γ | греческая строчная буква гамма |
| δ | δ | δ | греческая строчная буква дельта |
| ε | ε | ε | греческая строчная буква эпсилон |
| ζ | ζ | ζ | греческая строчная буква дзета |
| η | η | η | греческая строчная буква эта |
| θ | θ | θ | греческая строчная буква тета |
| ι | ι | ι | греческая строчная буква иота |
| κ | κ | κ | греческая строчная буква каппа |
| λ | λ | λ | греческая строчная буква лямбда |
| μ | μ | μ | греческая строчная буква мю |
| ν | ν | ν | греческая строчная буква ню |
| ξ | ξ | ξ | греческая строчная буква кси |
| ο | ο | ο | греческая строчная буква омикрон |
| π | π | π | греческая строчная буква пи |
| ρ | ρ | ρ | греческая строчная буква ро |
| ς | ς | ς | греческая строчная буква сигма |
| σ | σ | σ | греческая строчная буква сигма |
| τ | τ | τ | греческая строчная буква тау |
| υ | υ | υ | греческая строчная буква ипсилон |
| φ | φ | φ | греческая строчная буква фи |
| χ | χ | χ | греческая строчная буква хи |
| ψ | ψ | ψ | греческая строчная буква пси |
| ω | ω | ω | греческая строчная буква омега |
| Стрелки | |||
| ← | ← | ← | стрелка влево |
| ↑ | ↑ | ↑ | стрелка вверх |
| → | → | → | стрелка вправо |
| ↓ | ↓ | ↓ | стрелка вниз |
| ↔ | ↔ | ↔ | стрелка влево-вправо |
| Прочие символы | |||
| ♠ | ♠ | ♠ | знак масти «пики» |
| ♣ | ♣ | ♣ | знак масти «трефы» |
| ♥ | ♥ | ♥ | знак масти «червы» |
| ♦ | ♦ | ♦ | знак масти «бубны» |
| " | " | « | двойная кавычка |
| & | & | & | амперсанд |
| < | < | знак «меньше» | |
| > | > | > | знак «больше» |
| Знаки пунктуации | |||
| … | … | … | многоточие . |
| ′ | ′ | ′ | одиночный штрих — минуты и футы |
| ″ | ″ | ″ | двойной штрих — секунды и дюймы |
| Общая пунктуация | |||
| – | – | – | тире |
| — | — | — | длинное тире |
| ‘ | ‘ | ‘ | левая одиночная кавычка |
| ’ | ’ | ’ | правая одиночная кавычка |
| ‚ | ‚ | ‚ | нижняя одиночная кавычка |
| “ | “ | “ | левая двойная кавычка |
| ” | ” | ” | правая двойная кавычка |
| „ | „ | „ | нижняя двойная кавычка |
| « | « | « | левая двойная угловая скобка |
| » | » | » | правая двойная угловая скобка |
Статьи по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Популярные задачи
- TEX
- Отступы между блоков
- Андроид в тени
- Ссылка как кнопка
- Вложенные списки
- Форма регистрации
- Объединение ячеек таблицы
- Обязательные поля формы
- Цвет и фон в таблице
- Асуанская плотина
- Батарейка
- Заголовки
Спецсимволы в HTML
Спецсимволы в HTML
Специальные символы в языке HTML
Спецсимволами в языке HTML, обычно называют символы отсутствующие на клавиатуре, но которые можно внедрить в HTML-документ, указав их именной или числовой код. Стоит также отметить, что у любого компьютерного символа есть свой код, даже у тех, которые присутствуют на клавиатуре.
Специальный символ в HTML, можно указать двумя способами:
1. С помощью его именного кода ,
2. С помощью его числового кода в Юникод формате.
Давайте рассмотрим некоторые специальные символы HTML.
Финансовые и юридические спецсимволы HTML
| Вид | Именной код | Числовой код | Описание |
|---|---|---|---|
| € | € | € | Евро |
| £ | £ | £ | Британский фунт стерлингов |
| ¥ | ¥ | ¥ | Иена |
| ¢ | ¢ | ¢ | Цент |
| ¤ | ¤ | ¤ | Валюта |
| © | © | © | Охрана авторского права |
| ® | ® | ® | Правовая охрана товарного знака |
| ™ | ™ | ™ | Товарный знак |
Перед именным кодом специального символа, ставят знак амперсанд & . Перед числовым кодом специального символа, ставят знак амперсанд & и решётку # .
Карточные спецсимволы HTML
| Вид | Именной код | Числовой код | Описание |
|---|---|---|---|
| ♠ | ♠ | ♠ | Пики |
| ♣ | ♣ | ♣ | Трефы |
| ♥ | ♥ | ♥ | Червы |
| ♦ | ♦ | ♦ | Бубны |
Прочие спецсимволы HTML
| Вид | Именной код | Числовой код | Описание |
|---|---|---|---|
| & | & | & | Амперсанд |
| ¡ | ¡ | ¡ | Перевёрнутый восклицательный знак |
| § | § | § | Символ параграфа |
| Неразрывный пробел | |||
| « | « | « | Левая двойная угловая кавычка |
| » | » | » | Правая двойная угловая кавычка |
| ° | ° | ° | Градус |
| ± | ± | ± | Плюс минус |
| ½ | ½ | ½ | Дробь: одна вторая |
| ‘ | ' | ' | Одинарная кавычка |
| « | " | " | Двойная кавычка |
В этой статье о спецсимволах HTML, собрана лишь небольшая подборка кодов HTML, на самом деле их гораздо больше.
Спецсимволы HTML также имеют и другие названия — мнемоники HTML, сущности HTML.
Пример использования спецсимволов в HTML, например давайте разместим знак копирайта, перед именем сайта, код будет следующим:
© gabdrahimov.ru
В браузере будет выглядеть так: © gabdrahimov.ru
Спецсимволы HTML
Бывают случаи, когда на сайте нужно вывести некоторые специальные символы, которых нет на обычной клавиатуре. К таким символам относятся, например, буквы греческого алфавита, стрелки, тире и другие символы. Как правило, спец символы в HTML начинаются с амперсанда (&) и заканчиваются точкой с запятой (;). Рассмотрим наиболее популярные HTML символы.
Тире в HTML
Тире с помощью HTML-кода можно проставить следующим образом:
Стрелки в HTML
Греческие буквы в HTML
Строчные буквы греческого алфавита записываются следующим образом:
- α — альфа строчная (α);
- β — бета строчная (β);
- γ — гамма строчная (γ);
- δ — дельта строчная (δ);
Заглавные буквы греческого алфавита выводятся с помощью тех же ключевых слов, начинающихся с заглавной буквы:
- Α — альфа заглавная (Α);
- Β — бета заглавная (Β);
- Γ — гамма заглавная (Γ);
- Δ — дельта заглавная (Δ);
Другие спецсимволы в HTML
Ниже приведены некоторые другие спецсимволы, которые часто используются в тексте:
- & — символ амперсанда (&);
- < — символ «меньше» ( <);
- > — символ «больше» (>);
- « — символ левой двойной угловой скобки («);
- » — символ правой двойной угловой скобки (»);
- — неразрывный пробел (по поводу использования различных видов пробелов с помощью HTML в «Нубекс» есть отдельная статья: Пробелы в HTML;
- € — знак валюты евро (€);
- £ — знак фунта стерлингов (£);
- § — символ параграфа (§);
- ™ — обозначение торговой марки (™);
- ± — символ плюс-минус (±);
- ° — символ градуса (°);
- ½ — символ дроби 1/2 (½);
- × — символ умножения (×);
- ÷ — символ деления (÷);
В конструкторе сайтов «Нубекс» есть стандартный визуальный редактор, который позволяет вставлять спецсимволы на сайт непосредственно из админ-панели.
Наиболее полный список специальных символов в HTML вы сможете найти на сайте w3schools.com.
Смотрите также:
- Пробел в HTML
- Шрифты CSS
- Изменить кодировку
- Как ставить кавычки
- Цитата HTML