Специальные символы HTML
Специальные символы HTML. Для отображения символов, которых нет на клавиатуре, применяются специальные знаки, начинающиеся с амперсанда (&) и заканчивающиеся точкой с запятой (;)
| символ | html-код | десятичный код |
описание |
|---|---|---|---|
| |   | неразрывный пробел | |
| ? |   |   | узкий пробел (еn-шириной в букву n) |
| ? |   |   | широкий пробел (em-шириной в букву m) |
| – | – | – | узкое тире (en-тире) |
| — | — | — | широкое тире (em -тире) |
| ­ | ­ | мягкий перенос | |
| а? | | ́ | ударение, ставится после "ударной" буквы |
| | |||
| © | © | © | копирайт |
| ® | ® | ® | знак зарегистрированной торговой марки |
| ™ | ™ | ™ | знак торговой марки |
| ? | º | º | копье Марса |
| ? | ª | ª | зеркало Венеры |
| ‰ | ‰ | ‰ | промилле |
| ? | π | π | пи (используйте Times New Roman) |
| ¦ | ¦ | ¦ | вертикальный пунктир |
| § | § | § | параграф |
| ° | ° | ° | градус |
| µ | µ | µ | знак "микро" |
| ¶ | ¶ | ¶ | знак абзаца |
| … | … | … | многоточие |
| ? | ‾ | ‾ | надчеркивание |
| ? | ´ | ´ | знак ударения |
| № | | № | знак номера |
| ? | | 🔍 | Лупа (наклонённая влево) |
| ? | | 🔎 | Лупа (наклонённая вправо) |
| знаки арифметических и математических операций | |||
| ? | × | × | умножить |
| ? | ÷ | ÷ | разделить |
| < | < | < | меньше |
| > | > | > | больше |
| ± | ± | ± | плюс/минус |
| ? | ¹ | ¹ | степень 1 |
| ? | ² | ² | степень 2 |
| ? | ³ | ³ | степень 3 |
| ¬ | ¬ | ¬ | отрицание |
| ? | ¼ | ¼ | одна четвертая |
| ? | ½ | ½ | одна вторая |
| ? | ¾ | ¾ | три четверти |
| ? | ⁄ | ⁄ | дробная черта |
| ? | − | − | минус |
| ? | ≤ | ≤ | меньше или равно |
| ? | ≥ | ≥ | больше или равно |
| ? | ≈ | ≈ | приблизительно (почти) равно |
| ? | ≠ | ≠ | не равно |
| ? | ≡ | ≡ | тождественно |
| ? | √ | √ | квадратный корень (радикал) |
| ? | ∞ | ∞ | бесконечность |
| ? | ∑ | ∑ | знак суммирования |
| ? | ∏ | ∏ | знак произведения |
| ? | ∂ | ∂ | частичный дифференциал |
| ? | ∫ | ∫ | интеграл |
| ? | ∀ | ∀ | для всех (видно только если жирным шрифтом) |
| ? | ∃ | ∃ | существует |
| ? | ∅ | ∅ | пустое множество |
| И | Ø | Ø | диаметр |
| ? | ∈ | ∈ | принадлежит |
| ? | ∉ | ∉ | не принадлежит |
| ? | ∋ | ∗ | содержит |
| ? | ⊂ | ⊂ | является подмножеством |
| ? | ⊃ | ⊃ | является надмножеством |
| ? | ⊄ | ⊄ | не является подмножеством |
| ? | ⊆ | ⊆ | является подмножеством либо равно |
| ? | ⊇ | ⊇ | является надмножеством либо равно |
| ? | ⊕ | ⊕ | плюс в кружке |
| ? | ⊗ | ⊗ | знак умножения в кружке |
| ? | ⊥ | ⊥ | перпендикулярно |
| ? | ∠ | ∠ | угол |
| ? | ∧ | ∧ | Логическое И |
| ? | ∨ | ∨ | Логическое ИЛИ |
| ? | ∩ | ∩ | пересечение |
| ? | ∪ | ∪ | объединение |
| знаки валют | |||
| € | € | € | Евро |
| ? | ¢ | ¢ | Цент |
| ? | £ | £ | Фунт |
| ¤ | ¤t; | ¤ | Знак валюты |
| ? | ¥ | ¥ | Знак йены и юаня |
| ? | ƒ | ƒ | Знак флорина |
| маркеры | |||
| • | • | • | простой маркер |
| ? | | ○ | круг |
| · | · | · | средняя точка |
| † | | † | крестик |
| ‡ | | ‡ | двойной крестик |
| ? | ♠ | ♠ | пики |
| ? | ♣ | ♣ | трефы |
| ? | ♥ | ♥ | червы |
| ? | ♦ | ♦ | бубны |
| ? | ◊ | ◊ | ромб |
| ? | | ✏ | карандаш |
| ? | | ✎ | карандаш |
| ? | | ✐ | карандаш |
| ? | | ✍ | рука |
| кавычки | |||
| " | " | " | двойная кавычка |
| & | & | & | амперсанд |
| « | « | « | левая типографская кавычка (кавычка-елочка) |
| » | » | » | правая типографская кавычка (кавычка-елочка) |
| ‹ | | ‹ | одиночная угловая кавычка открывающая |
| › | | › | одиночная угловая кавычка закрывающая |
| ? | ′ | ′ | штрих (минуты, футы) |
| ? | ″ | ″ | двойной штрих (секунды, дюймы) |
| И | ‘ | ‘ | левая верхняя одиночная кавычка |
| ’ | ’ | ’ | правая верхняя одиночная кавычка |
| ‚ | ‚ | ‚ | правая нижняя одиночная кавычка |
| “ | “ | “ | кавычка-лапка левая |
| ” | ” | ” | кавычка-лапка правая верхняя |
| „ | „ | „ | кавычка-лапка правая нижняя |
| ? | | ❛ | одиночная английская кавычка открывающая |
| ? | | ❜ | одиночная английская кавычка закрывающая |
| ? | | ❝ | двойная английская кавычка открывающая |
| ? | | ❞ | двойная английская кавычка закрывающая |
| стрелки | |||
| ? | ← | ← | стрелка влево |
| ? | ↑ | ↑ | стрелка вверх |
| ? | → | → | стрелка вправо |
| ? | ↓ | ↓ | стрелка вниз |
| ? | ↔ | ↔ | стрелка влево и вправо |
| ? | | ↕ | стрелка вверх и вниз |
| ? | ↵ | ↵ | возврат каретки |
| ? | ⇐ | ⇐ | двойная стрелка влево |
| ? | ⇑ | ⇑ | двойная стрелка вверх |
| ? | ⇒ | ⇒ | двойная стрелка вправо |
| ? | ⇓ | ⇓ | двойная стрелка вниз |
| ? | ⇔ | ⇔ | двойная стрелка влево и вправо |
| ? | | ⇕ | двойная стрелка вверх и вниз |
| ? | | ▲ | треугольная стрелка вверх |
| ? | | ▼ | треугольная стрелка вниз |
| ? | | ► | треугольная стрелка вправо |
| ? | | ◄ | треугольная стрелка влево |
| звездочки, снежинки | |||
| И? | | ☃ | Снеговик |
| ? | | ❄ | Снежинка |
| ? | | ❅ | Зажатая трилистниками снежинка |
| ? | | ❆ | Жирная остроугольная снежинка |
| И? | | ★ | Закрашенная звезда |
| И? | | ☆ | Незакрашенная звезда |
| ? | | ✪ | Незакрашенная звезда в закрашенном круге |
| ? | | ✫ | Закрашенная звезда с незакрашенным кругом внутри |
| ? | | ✯ | Вращающаяся звезда |
| ? | | ⚝ | Начерченная белая звезда |
| ? | | ⚪ | Средний незакрашенный круг |
| ? | | ⚫ | Средний закрашенный круг |
| ? | | ⚹ | Секстиле (типа снежинка) |
| ? | | ✵ | Восьмиконечная вращающаяся звезда |
| ? | | ❉ | Звёздочка с шарообразными окончаниями |
| ? | | ❋ | Жирная восьмиконечная каплеобразная звёздочка-пропеллер |
| ? | | ✺ | Шестнадцатиконечная звёздочка |
| ? | | ✹ | Двенадцатиконечная закрашенная звезда |
| ? | | ✸ | Жирная восьмиконечная прямолинейная закрашенная звезда |
| ? | | ✶ | Шестиконечная закрашенная звезда |
| ? | | ✷ | Восьмиконечная прямолинейная закрашенная звезда |
| ? | | ✴ | Восьмиконечная закрашенная звезда |
| ? | | ✳ | Восьмиконечная звёздочка |
| ? | | ✲ | Звёздочка с незакрашенным центром |
| ? | | ✱ | Жирная звёздочка |
| ? | | ✧ | Заострённая четырёхконечная незакрашенная звезда |
| ? | | ✦ | Заострённая четырёхконечная закрашенная звезда |
| ? | | ⍟ | Звезда в круге |
| ? | | ⊛ | Снежинка в круге |
| часы, время | |||
| ? | | ⏰ | Часы |
| ? | | ⌚ | Часы |
| ? | | ⌛ | Песочные часы |
| ? | | ⏳ | Песочные часы |
| Греческий алфавит | |||||
|---|---|---|---|---|---|
| строчные | прописные | описание | |||
| символ | html-код | символ | html-код | ||
| ? | α | ? | Α | альфа | |
| ? | β | ? | Β | бета | |
| ? | γ | ? | Γ | гамма | |
| ? | δ | ? | Δ | дельта | |
| ? | ε | ? | Ε | эпсилон | |
| ? | ζ | ? | Ζ | дзета | |
| ? | η | ? | Η | эта | |
| ? | θ | И | Θ | тета | |
| ? | ι | ? | Ι | йота | |
| ? | κ | ? | Κ | каппа | |
| ? | λ | ? | Λ | лямбда | |
| ? | μ | ? | Μ | мю | |
| ? | ν | ? | Ν | ню | |
| ? | ξ | ? | Ξ | кси | |
| ? | ο | ? | Ο | омикрон | |
| ? | π | ? | Π | пи | |
| ? | ρ | ? | Ρ | ро | |
| ? | σ | ? | Σ | сигма | |
| ? | ς | окончательная сигма | |||
| ? | τ | ? | Τ | тау | |
| ? | υ | ? | Υ | ипсилон | |
| ? | φ | ? | Φ | фи | |
| ? | χ | ? | Χ | хи | |
| ? | ψ | ? | Ψ | пси | |
| ? | ω | ? | Ω | омега | |
Про новые CSS псевдоклассы - :is() :where() :has()
10 редких тегов HTML, которые редко используют
Косая граница блока или граница с наклоном
Как в CSS связывать объекты?
Масштабирование в CSS средствами zoom и transform
Эффект пульсации элемента на чистом CSS
Красивая форма обратной связи на чистом CSS
Что такое Pixel Perfect верстка?
Адаптивная верстка. Правильные медиа выражения для retina.
Формат ссылки для телефонных звонков
Icon Fonts или SVG?
Скошенные элементы на CSS3
Стилизуем placeholder при помощи CSS
Адаптивный CSS3 Manasory без JavaScript
Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки.
CSS прижать footer к низу окна браузера
Создаём отзывчивые письма без медиа-запросов
Кроссбраузерная стилизация select на CSS
Специальные символы HTML
Треугольники по средствам CSS
Стилизация элементов checkbox и radio button на CSS3
Как убрать свечение вокруг текстового поля?
Как отключить преобразование телефонных номеров в ссылки в мобильных браузерах
17 CSS/HTML эффектов с кроссбраузерными решениями
Пять полезных CSS селекторов
Медиа типы в CSS
Базовые правила HTML верстки писем для E-Mail рассылки
Создаём адаптивный сайт
Возможно, вам будет интересно
17 CSS/HTML эффектов с кроссбраузерными решениями
Когда вы хотите добиться какого-либо эффекта, то не беретесь каждый раз изобретать велосипед, всегда проще взять готовый кусок кода. И если у вас уже есть такой фрагмент кода, который реализует нужный вам функционал (и при этом вы понимаете, как он работает), то вы просто применяете его.
Создаём отзывчивые письма без медиа-запросов
Создавая HTML код для email, приходится иметь дело с изрядным количеством больных вопросов. И вряд ли для кого то будет приемлемо, если нам к тому же ещё и придётся следить за новыми email-клиентами и размерами устройств, которые появляются каждую неделю.
Пять полезных CSS селекторов
Помимо обычных селекторов тегов, потомков, классов и id селекторов, CSS располагает псевдо-классами, селекторы которых позволяют оформить HTML теги на основе их позиции в документе. В этой статье рассмотрим 5 полезных CSS селекторов, стоящих внимания при оформлении веб-страниц и приложений.
Про новые CSS псевдоклассы - :is() :where() :has()
В мире веб-разработки постоянно появляются новые инструменты и возможности для создания более эффективных и удобных интерфейсов. Одним из последних дополнений к CSS стали селекторы :is(), :where() и :has(), которые предлагают новые способы выбора элементов на веб-странице. Давайте рассмотрим каждый из них подробнее и узнаем, как они могут быть полезны в веб-разработке.
