Как в html написать знак меньше
Перейти к содержимому

Как в html написать знак меньше

  • автор:

Спецсимволы

Для отображения символов, которых нет на клавиатуре, применяются специальные знаки, начинающиеся с амперсанда (&) и заканчивающиеся точкой с запятой (;). В табл. 7.1 приведены некоторые популярные спецсимволы.

Табл. 7.1. Спецсимволы

Имя Код Вид Описание
    неразрывный пробел
£ £ £ фунт стерлингов
знак евро
символ параграфа
§ § § параграф
© © © знак copyright
® ® ® знак зарегистрированной торговой марки
знак торговой марки
° ° ° градус
± ± ± плюс-минус
¼ ¼ ¼ дробь — одна четверть
½ ½ ½ дробь — одна вторая
¾ ¾ ¾ дробь — три четверти
× × × знак умножения
÷ ÷ ÷ знак деления
ƒ ƒ ƒ знак функции
Греческие буквы
Α Α Α греческая заглавная буква альфа
Β Β Β греческая заглавная буква бета
Γ Γ Γ греческая заглавная буква гамма
Δ Δ Δ греческая заглавная буква дельта
Ε Ε Ε греческая заглавная буква эпсилон
Ζ Ζ Ζ греческая заглавная буква дзета
Η Η Η греческая заглавная буква эта
Θ Θ Θ греческая заглавная буква тета
Ι Ι Ι греческая заглавная буква иота
Κ Κ Κ греческая заглавная буква каппа
Λ Λ Λ греческая заглавная буква лямбда
Μ Μ Μ греческая заглавная буква мю
Ν Ν Ν греческая заглавная буква ню
Ξ Ξ Ξ греческая заглавная буква кси
Ο Ο Ο греческая заглавная буква омикрон
Π Π Π греческая заглавная буква пи
Ρ Ρ Ρ греческая заглавная буква ро
Σ Σ Σ греческая заглавная буква сигма
Τ Τ Τ греческая заглавная буква тау
Υ Υ Υ греческая заглавная буква ипсилон
Φ Φ Φ греческая заглавная буква фи
Χ Χ Χ греческая заглавная буква хи
Ψ Ψ Ψ греческая заглавная буква пси
Ω Ω Ω греческая заглавная буква омега
α α α греческая строчная буква альфа
β β β греческая строчная буква бета
γ γ γ греческая строчная буква гамма
δ δ δ греческая строчная буква дельта
ε ε ε греческая строчная буква эпсилон
ζ ζ ζ греческая строчная буква дзета
η η η греческая строчная буква эта
θ θ θ греческая строчная буква тета
ι ι ι греческая строчная буква иота
κ κ κ греческая строчная буква каппа
λ λ λ греческая строчная буква лямбда
μ μ μ греческая строчная буква мю
ν ν ν греческая строчная буква ню
ξ ξ ξ греческая строчная буква кси
ο ο ο греческая строчная буква омикрон
π π π греческая строчная буква пи
ρ ρ ρ греческая строчная буква ро
ς ς ς греческая строчная буква сигма
σ σ σ греческая строчная буква сигма
τ τ τ греческая строчная буква тау
υ υ υ греческая строчная буква ипсилон
φ φ φ греческая строчная буква фи
χ χ χ греческая строчная буква хи
ψ ψ ψ греческая строчная буква пси
ω ω ω греческая строчная буква омега
Стрелки
стрелка влево
стрелка вверх
стрелка вправо
стрелка вниз
стрелка влево-вправо
Прочие символы
знак масти «пики»
знак масти «трефы»
знак масти «червы»
знак масти «бубны»
" " « двойная кавычка
& & & амперсанд
< < знак «меньше»
> > > знак «больше»
Знаки пунктуации
многоточие .
одиночный штрих — минуты и футы
двойной штрих — секунды и дюймы
Общая пунктуация
тире
длинное тире
левая одиночная кавычка
правая одиночная кавычка
нижняя одиночная кавычка
левая двойная кавычка
правая двойная кавычка
нижняя двойная кавычка
« « « левая двойная угловая скобка
» » » правая двойная угловая скобка

Статьи по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные рецепты

  • Как добавить картинку на веб-страницу?
  • Как добавить иконку сайта в адресную строку браузера?
  • Как добавить фоновый рисунок на веб-страницу?
  • Как сделать обтекание картинки текстом?
  • Как растянуть фон на всю ширину окна?
  • Как выровнять фотографию по центру веб-страницы?
  • Как разместить элементы списка горизонтально?
  • Как убрать подчеркивание у ссылок?
  • Как убрать маркеры в маркированном списке?
  • Как изменить расстояние между строками текста?
  • Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?
  • Как открыть ссылку в новом окне?

Популярные задачи

  • TEX
  • Отступы между блоков
  • Андроид в тени
  • Ссылка как кнопка
  • Вложенные списки
  • Форма регистрации
  • Объединение ячеек таблицы
  • Обязательные поля формы
  • Цвет и фон в таблице
  • Асуанская плотина
  • Батарейка
  • Заголовки

1.9. Спецсимволы HTML

Спецсимволы HTML, или символы-мнемоники, представляют собой конструкцию SGML (англ. Standard Generalized Markup Language — стандартный обобщённый язык разметки), ссылающуюся на определенные символы из символьного набора документа. В основном они используются для указания символов, которых нет в стандартной компьютерной клавиатуре, либо которые не поддерживает кодировка HTML-страницы (Windows-1251, UTF-8 и т.д.).

Чтобы разместить символ на веб-странице, необходимо указать HTML-код или мнемонику.

Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице. Спецсимволы, не имеющие мнемоники, могут не отображаться вовсе или же некорректно отображаться в тех или иных браузерах.

Для вставки символов внутрь тегов воспользуйтесь HTML-кодом символа, а для использования символов в таблицах стилей, например, в качестве значения свойства content — CSS-код.

Спецсимвол наследует цвет от цвета текста родительского элемента. Чтобы изменить цвет спецсимвола, можно поместить HTML-код внутрь тега или задать нужное значение свойства color (при вставке спецсимволов через свойство content ).

Популярные спецсимволы HTML

  • Содержание:
  • 1. Полезные знаки и символы
  • 2. Знаки пунктуации
  • 3. Стрелки
  • 4. Карточные масти
  • 5. Деньги
  • 6. Знаки зодиака

1. Полезные знаки и символы

Вид HTML-код CSS-код Описание
�� 🖂 \1F582 Обратная сторона конверта
\2603 Снеговик
\2626 Православный крест
\2693 Якорь
\2706 Знак телефона
\260E Телефон
\2615 Горячие напитки
\270E Карандаш, направленный вправо-вниз
\270F Карандаш
\2710 Карандаш, направленный вправо-вверх
\2711 Незакрашенное острие пера
\2712 Закрашенное острие пера
\269C Геральдическая лилия
\26D1 Шлем с белым крестом
\269D Начерченная белая звезда
\2744 Снежинка
\2764 Закрашенное жирное сердце
\2745 Зажатая трилистниками снежинка
\2746 Жирная остроугольная снежинка
\2605 Закрашенная звезда
\2606 Незакрашенная звезда
\272A Незакрашенная звезда в закрашенном круге
\272B Закрашенная звезда с незакрашенным кругом внутри
\272F Вращающаяся звезда
\2749 Звёздочка с шарообразными окончаниями
\274B Жирная восьмиконечная каплеобразная звёздочка-пропеллер
\2732 Звёздочка с незакрашенным центром
\2600 Закрашенное солнце с лучами
\2601 Облака
\2602 Зонтик
\2611 Галочка в квадрате
\2612 Крестик в квадрате
\2639 Нахмуренный смайлик
\263A Улыбающийся смайлик
\263B Закрашенный улыбающийся смайлик
\262D Серп и молот
\2691 Закрашенный флаг
\2690 Незакрашенный флаг
\2630 Триграмма
\273f Закрашенный цветок
\2740 Незакрашенный цветок
\273E Цветок с шестью лепестками
\2741 Закрашенный обведённый цветок
\2742 Цветок из точек
\2709 Конверт
\2766 Сердце в виде цветка
\2776 Номер 1
\2777 Номер 2
\2778 Номер 3
\2779 Номер 4
\277A Номер 5
\277B Номер 6
\277C Номер 7
\277D Номер 8
\2792 Номер 9
\2793 Номер 10
\2716 Жирный знак умножения
\2718 Жирный крестик
\2714 Жирная отметка галочкой
\271A Жирный крест
\269B Символ атома
\267A Символ переработки
\2751 Незакрашенный квадрат с правой нижней тенью
\2752 Незакрашенный квадрат с правой верхней тенью
\25C8 Алмаз в оправе
\25D0 Круг с левой закрашенной половиной
\25D1 Круг с закрашенной правой половиной
\2042 Три звездочки

2. Знаки пунктуации

Вид HTML-код CSS-код Описание
  \00A0 Неразрывный пробел
­ ­ \00AD Место возможного переноса
< \003C Знак «меньше чем» (начало тега)
> > \003E Знак «больше чем» (конец тега)
« « \00AB Левая двойная угловая скобка
» » \00BB Правая двойная угловая скобка
\2039 Левая угловая одиночная кавычка
\203A Правая угловая одиночная кавычка
« " \0022 Двойная кавычка
\2032 Одиночный штрих
\2033 Двойной штрих
\2018 Левая одиночная кавычка
\2019 Правая одиночная кавычка
\201A Нижняя одиночная кавычка
\201C Левая двойная кавычка
\201D Правая двойная кавычка
\201E Нижняя двойная кавычка
\275C Жирная одинарная верхняя запятая
\275B Жирная одинарная повёрнутая верхняя запятая
& & \0026 Амперсанд
' \0027 Апостроф (одинарная кавычка)
§ § \00A7 Параграф
© © \00A9 Знак copyright
¬ ¬ \00AC Знак отрицания
® ® \00AE Знак зарегистрированной торговой марки
¯ ¯ \00AF Знак долготы над гласным
° ° \00B0 Градус
± ± \00B1 Плюс-минус
¹ ¹ \00B9 Верхний индекс «1»
² ² \00B2 Верхний индекс «2»
³ ³ \00B3 Верхний индекс «3»
¼ ¼ \00BC Одна четверть
½ ½ \00BD Одна вторая
¾ ¾ \00BE Три четверти
´ ´ \00B4 Знак ударения
µ µ \00B5 Микро
\00B6 Знак абзаца
· · \00B7 Знак умножения
¿ ¿ \00BF Перевернутый вопросительный знак
ƒ ƒ \0192 Знак флорина
\2122 Знак торговой марки
\2022 Маркер списка
\2026 Многоточие
\203E Надчеркивание
\2013 Среднее тире
\2014 Длинное тире
\2030 Промилле
} } \007D Правая фигурная скобка
{ { \007B Левая фигурная скобка
= = \003D Знак равенства
\2260 Знак неравенства
\2245 Конгруэнтность (геометрическое равенство)
\2248 Почти равно
\2264 Меньше чем или равно
\2265 Больше чем или равно
\2220 Угол
\22A5 Перпендикулярно (кнопка вверх)
\221A Квадратный корень
\2211 N-ичное суммирование
\222B Интеграл
\203B Знак сноски
÷ ÷ \00F7 Знак деления
\221E Знак бесконечности
@ @ \0040 Символ собака
[ [ \005B Левая квадратная скобка
] ] \005D Правая квадратная скобка

3. Стрелки

Вид HTML-код CSS-код Описание
\2190 Стрелка влево
\2191 Стрелка вверх
\2192 Стрелка вправо
\2193 Стрелка вниз
\2194 Стрелка влево-вправо
\21B5 Стрелка вниз и влево – знак возврата каретки
\21D0 Двойная стрелка налево
\21D1 Двойная стрелка вверх
\21D2 Двойная стрелка направо
\21D3 Двойная стрелка вниз
\21D4 Двойная стрелка влево-вправо
\27A0 Летящая стрела
\27A4 Наконечник стрелы
\27A5 Изогнутая стрела, указывающая вниз и вправо
\27A6 Изогнутая стрела, указывающая вверх и вправо
\27B3 Стрела направо
\21BA Круглая стрелка с наконечником против часовой стрелки
\21BB Круглая стрелка с наконечником по часовой стрелке
\21E7 Толстая полая стрелка вверх
\21A9 Стрелка налево с крючком
\27AB Наклонённая вниз объёмная стрелка
\2B07 Закрашенная стрелка вниз
\2B06 Закрашенная стрелка вверх

4. Карточные масти

Вид HTML-код CSS-код Описание
\2660 «Пики»
\2663 «Трефы»
\2665 «Червы»
\2666 «Бубны»
\2661 Контур «Червы»
\2662 Контур «Бубны»
\2664 Контур «Пики»
\2667 Контур «Трефы»

5. Деньги

Вид HTML-код CSS-код Описание
¢ ¢ \FFE0 Цент
£ £ \FFE1 Фунт стерлингов
\20BD Российский рубль
¥ ¥ \00A5 Йена или юань
\20AC Евро
$ $ \0024 Доллар
\20B4 Знак гривны
\20B9 Индийская рупия
\5713 Китайский юань
\20B8 Казахстанский тенге

6. Знаки зодиака

Вид HTML-код CSS-код Описание
\2648 Овен
\2649 Телец
\264A Близнецы
\264B Рак
\264C Лев
\264D Дева
\264E Весы
\264F Скорпион
\2650 Стрелец
\2651 Козерог
\2652 Водолей
\2653 Рыбы

Спецсимволы HTML

Бывают случаи, когда на сайте нужно вывести некоторые специальные символы, которых нет на обычной клавиатуре. К таким символам относятся, например, буквы греческого алфавита, стрелки, тире и другие символы. Как правило, спец символы в HTML начинаются с амперсанда (&) и заканчиваются точкой с запятой (;). Рассмотрим наиболее популярные HTML символы.

Тире в HTML

Тире с помощью HTML-кода можно проставить следующим образом:

Стрелки в HTML

Греческие буквы в HTML

Строчные буквы греческого алфавита записываются следующим образом:

  • α — альфа строчная (α);
  • β — бета строчная (β);
  • γ — гамма строчная (γ);
  • δ — дельта строчная (δ);

Заглавные буквы греческого алфавита выводятся с помощью тех же ключевых слов, начинающихся с заглавной буквы:

  • Α — альфа заглавная (Α);
  • Β — бета заглавная (Β);
  • Γ — гамма заглавная (Γ);
  • Δ — дельта заглавная (Δ);

Другие спецсимволы в HTML

Ниже приведены некоторые другие спецсимволы, которые часто используются в тексте:

  • & — символ амперсанда (&);
  • < — символ «меньше» ( <);
  • > — символ «больше» (>);
  • « — символ левой двойной угловой скобки («);
  • » — символ правой двойной угловой скобки (»);
  •   — неразрывный пробел (по поводу использования различных видов пробелов с помощью HTML в «Нубекс» есть отдельная статья: Пробелы в HTML;
  • — знак валюты евро (€);
  • £ — знак фунта стерлингов (£);
  • § — символ параграфа (§);
  • — обозначение торговой марки (™);
  • ± — символ плюс-минус (±);
  • ° — символ градуса (°);
  • ½ — символ дроби 1/2 (½);
  • × — символ умножения (×);
  • ÷ — символ деления (÷);

В конструкторе сайтов «Нубекс» есть стандартный визуальный редактор, который позволяет вставлять спецсимволы на сайт непосредственно из админ-панели.

Наиболее полный список специальных символов в HTML вы сможете найти на сайте w3schools.com.

Смотрите также:

  • Пробел в HTML
  • Шрифты CSS
  • Изменить кодировку
  • Как ставить кавычки
  • Цитата 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; ¤ знак валюты
¥ ¥ ¥ знак йены и юаня
ƒ ƒ знак флорина

Маркеры

Изображение Символ Код Описание
простой маркер
· · средняя точка
крестик
двойной крестик
пики
трефы
червы
бубны
ромб

Кавычки

Изображение Символ Код Описание
« " " двойная кавычка
& & & амперсанд
« « « левая типографская кавычка (кавычка-елочка)
» » » правая типографская кавычка (кавычка-елочка)
штрих (минуты, футы)
двойной штрих (секунды, дюймы)
кавычка-лапка левая
кавычка-лапка правая верхняя
кавычка-лапка правая нижняя
одинарная угловая кавычка открывающая
одинарная угловая кавычка закрывающая
левая верхняя одинарная кавычка
правая верхняя одинарная кавычка
правая нижняя одинарная кавычка

Стрелки

Изображение Символ Код Описание
стрелка влево
стрелка вверх
стрелка вправо
стрелка вниз
стрелка влево и вправо

двойная стрелка влево

двойная стрелка вверх

двойная стрелка вправо (следствие)

двойная стрелка вниз

двойная стрелка влево-вправо (туда-сюда)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *