Спецсимволы HTML
Спецсимволы HTML – это специальные языковые конструкции, которые ссылаются на символы из набора символов, используемых в текстовых файлов. В таблице приведен список зарезервированных и специальных символов, которые не могут быть добавлены в исходный код HTML-документа с помощью клавиатуры:
- символы, которые невозможно ввести с помощью клавиатуры (например символ копирайта)
- символы предназначенные для разметки (например знак больше или меньше)
Такие символы добавляются с помощью числового кода или имени.
Для добавления любого символа, перечисленного ниже, на вашу веб-страницу, просто вставьте код символа (или его имя) в месте, где требуется отобразить выбранный символ. Подробнее об использовании спецсимволов и пример добавления их на страницу смотрите в разделе «Зачем нужны спецсимволы и как ими пользоваться».
Символ | Числовой код | Имя символа | Описание |
---|---|---|---|
« | " | " | знак кавычки |
‘ | ' | ' | апостроф |
& | & | & | амперсанд |
< | < | знак меньше | |
> | > | > | знак больше |
неразрывный пробел (Неразрывный пробел — это пробел отображающийся внутри строки как обычный пробел, но не позволяющий программам отображения и печати разорвать в этом месте строку.) | |||
¡ | ¡ | ¡ | перевернутый восклицательный знак |
¢ | ¢ | ¢ | цент |
£ | £ | £ | фунт |
¤ | ¤ | ¤ | валюты |
¥ | ¥ | ¥ | йен |
¦ | ¦ | ¦ | сломанная вертикальная черта |
§ | § | § | секция |
¨ | ¨ | ¨ | интервал (кириллица) |
© | © | © | знак копирайта |
ª | ª | ª | женский порядковый показатель |
« | « | « | французские кавычки (ёлочки) — левая |
¬ | ¬ | ¬ | отрицание-выражения |
® | ® | ® | зарегистрированная торговая марка |
¯ | ¯ | ¯ | макрон интервал |
° | ° | ° | градус |
± | ± | ± | плюс или минус |
² | ² | ² | верхний индекс 2 |
³ | ³ | ³ | верхний индекс 3 |
´ | ´ | ´ | острый интервал |
µ | µ | µ | микро |
¶ | ¶ | ¶ | параграф |
· | · | · | средняя точка |
¸ | ¸ | ¸ | интервал седиль |
¹ | ¹ | ¹ | верхний индекс 1 |
º | º | º | мужской порядковый показатель |
» | » | » | французские кавычки (ёлочки) — правая |
¼ | ¼ | ¼ | 1/4 часть |
½ | ½ | ½ | 1/2 часть |
¾ | ¾ | ¾ | 3/4 части |
¿ | ¿ | ¿ | перевернутый знак вопроса |
× | × | × | умножение |
÷ | ÷ | ÷ | деление |
́ | ́ | ударение | |
Œ | Œ | Œ | лигатура прописная OE |
œ | œ | œ | строчная лигатура oe |
Š | Š | Š | S с короной |
š | š | š | строчная S с короной |
Ÿ | Ÿ | Ÿ | прописная Y с диадемой |
ƒ | ƒ | ƒ | f с крюком |
ˆ | ˆ | ˆ | дикриатический акцент |
˜ | ˜ | ˜ | маленькая тильда |
– | – | – | тире |
— | — | — | длинное тире |
‘ | ‘ | ‘ | левая одиночная кавычка |
’ | ’ | ’ | правая одиночная кавычка |
‚ | ‚ | ‚ | нижняя одиночная кавычка |
“ | “ | “ | левые двойные кавычки |
” | ” | ” | правые двойные кавычки |
„ | „ | „ | нижние двойные кавычки |
† | † | † | кинжал |
‡ | ‡ | ‡ | двойной кинжал |
• | • | • | пуля |
… | … | … | горизонтальное многоточие |
‰ | ‰ | ‰ | промилле (тысячные доли) |
′ | ′ | ′ | минуты |
″ | ″ | ″ | секунды |
‹ | ‹ | ‹ | одиночная левая угловая кавычка |
› | › | › | одиночная правая угловая кавычка |
‾ | ‾ | ‾ | надчеркивание |
€ | € | € | евро |
™ | ™ или ™ | ™ | торговая марка |
← | ← | ← | стрелка влево |
↑ | ↑ | ↑ | стрелка вверх |
→ | → | → | стрелка вправо |
↓ | ↓ | ↓ | стрелка вниз |
↔ | ↔ | ↔ | двухсторонняя стрелка |
↵ | ↵ | ↵ | стрелка возврата каретки |
⌈ | ⌈ | ⌈ | левый верхний угол |
⌉ | ⌉ | ⌉ | правый верхний угол |
⌊ | ⌊ | ⌊ | левый нижний угол |
⌋ | ⌋ | ⌋ | правый нижний угол |
◊ | ◊ | ◊ | ромб |
♠ | ♠ | ♠ | пики |
♣ | ♣ | ♣ | крести |
♥ | ♥ | ♥ | черви |
♦ | ♦ | ♦ | буби |
Математические символы, поддерживаемые в HTML
Символ | Числовой код | Имя символа | Описание |
---|---|---|---|
∀ | ∀ | ∀ | для любых, для всех |
∂ | ∂ | ∂ | часть |
∃ | ∃ | ∃ | существует |
∅ | ∅ | ∅ | пустое множество |
∇ | ∇ | ∇ | оператор Гамильтона («набла») |
∈ | ∈ | ∈ | принадлежит множеству |
∉ | ∉ | ∉ | не принадлежит множеству |
∋ | ∋ | ∋ | или |
∏ | ∏ | ∏ | произведение |
∑ | ∑ | ∑ | сумма |
− | − | − | минус |
∗ | ∗ | ∗ | умножение или оператор сопряженный к |
× | × | × | знак умножения |
√ | √ | √ | квадратный корень |
∝ | ∝ | ∝ | пропорциональность |
∞ | ∞ | ∞ | бесконечность |
⋮ | ⋮ | кратность | |
∠ | ∠ | ∠ | угол |
∧ | ∧ | ∧ | и |
∨ | ∨ | ∨ | или |
∩ | ∩ | ∩ | пересечение |
∪ | ∪ | ∪ | объединение |
∫ | ∫ | ∫ | интеграл |
∴ | ∴ | ∴ | поэтому |
∼ | ∼ | ∼ | подобно |
≅ | ≅ | ≅ | сравнимо |
≈ | ≈ | ≈ | приблизительно равно |
≠ | ≠ | ≠ | не равно |
≡ | ≡ | ≡ | идентично |
≤ | ≤ | ≤ | меньше или равно |
⩽ | ⩽ ⩽ | ⩽ ⩽ | меньше или равно |
≥ | ≥ | ≥ | больше или равно |
⩾ | ⩾ ⩾ | ⩾ ⩾ | больше или равно |
⊂ | ⊂ | ⊂ | подмножество |
⊃ | ⊃ | ⊃ | надмножестов |
⊄ | ⊄ | ⊄ | не подмножество |
⊆ | ⊆ | ⊆ | подмножество |
⊇ | ⊇ | ⊇ | надмножество |
⊕ | ⊕ | ⊕ | прямая сумма |
⊗ | ⊗ | ⊗ | тензерное произведение |
⊥ | ⊥ | ⊥ | перпендикуляр |
⋅ | ⋅ | ⋅ | оператор точка |
Греческий и коптский алфавиты
Символ | Числовой код | Шестнадцатеричный код | Имя символа |
---|---|---|---|
Ͱ | Ͱ | Ͱ | |
ͱ | ͱ | ͱ | |
Ͳ | Ͳ | Ͳ | |
ͳ | ͳ | ͳ | |
ʹ | ʹ | ʹ | |
͵ | ͵ | ͵ | |
Ͷ | Ͷ | Ͷ | |
ͷ | ͷ | ͷ | |
ͺ | ͺ | ͺ | |
ͻ | ͻ | ͻ | |
ͼ | ͼ | ͼ | |
ͽ | ͽ | ͽ | |
; | ; | ; | |
΄ | ΄ | ΄ | |
΅ | ΅ | ΅ | |
Ά | Ά | Ά | |
· | · | · | |
Έ | Έ | Έ | |
Ή | Ή | Ή | |
Ί | Ί | Ί | |
Ό | Ό | Ό | |
Ύ | Ύ | Ύ | |
Ώ | Ώ | Ώ | |
ΐ | ΐ | ΐ | |
Α | Α | Α | Α |
Β | Β | Β | Β |
Γ | Γ | Γ | Γ |
Δ | Δ | Δ | Δ |
Ε | Ε | Ε | Ε |
Ζ | Ζ | Ζ | Ζ |
Η | Η | Η | Η |
Θ | Θ | Θ | Θ |
Ι | Ι | Ι | Ι |
Κ | Κ | Κ | Κ |
Λ | Λ | Λ | Λ |
Μ | Μ | Μ | Μ |
Ν | Ν | Ν | Ν |
Ξ | Ξ | Ξ | Ξ |
Ο | Ο | Ο | Ο |
Π | Π | Π | Π |
Ρ | Ρ | Ρ | Ρ |
Σ | Σ | Σ | Σ |
Τ | Τ | Τ | Τ |
Υ | Υ | Υ | Υ |
Φ | Φ | Φ | Φ |
Χ | Χ | Χ | Χ |
Ψ | Ψ | Ψ | Ψ |
Ω | Ω | Ω | Ω |
Ϊ | Ϊ | Ϊ | |
Ϋ | Ϋ | Ϋ | |
ά | ά | ά | |
έ | έ | έ | |
ή | ή | ή | |
ί | ί | ί | |
ΰ | ΰ | ΰ | |
α | α | α | α |
β | β | β | β |
γ | γ | γ | γ |
δ | δ | δ | δ |
ε | ε | ε | ε |
ζ | ζ | ζ | ζ |
η | η | η | η |
θ | θ | θ | θ |
ι | ι | ι | ι |
κ | κ | κ | κ |
λ | λ | λ | λ |
μ | μ | μ | μ |
ν | ν | ν | ν |
ξ | ξ | ξ | ξ |
ο | ο | ο | ο |
π | π | π | π |
ρ | ρ | ρ | ρ |
ς | ς | ς | ς |
σ | σ | σ | σ |
τ | τ | τ | τ |
υ | υ | υ | υ |
φ | φ | φ | φ |
χ | χ | χ | χ |
ψ | ψ | ψ | ψ |
ω | ω | ω | ω |
ϊ | ϊ | ϊ | |
ϋ | ϋ | ϋ | |
ό | ό | ό | |
ύ | ύ | ύ | |
ώ | ώ | ώ | |
Ϗ | Ϗ | Ϗ | |
ϐ | ϐ | ϐ | |
ϑ | ϑ | ϑ | ϑ |
ϒ | ϒ | ϒ | ϒ |
ϓ | ϓ | ϓ | |
ϔ | ϔ | ϔ | |
ϕ | ϕ | ϕ | ϕ |
ϖ | ϖ | ϖ | ϖ |
ϗ | ϗ | ϗ | |
Ϙ | Ϙ | Ϙ | |
ϙ | ϙ | ϙ | |
Ϛ | Ϛ | Ϛ | |
ϛ | ϛ | ϛ | |
Ϝ | Ϝ | Ϝ | Ϝ |
ϝ | ϝ | ϝ | ϝ |
Ϟ | Ϟ | Ϟ | |
ϟ | ϟ | ϟ | |
Ϡ | Ϡ | Ϡ | |
ϡ | ϡ | ϡ | |
Ϣ | Ϣ | Ϣ | |
ϣ | ϣ | ϣ | |
Ϥ | Ϥ | Ϥ | |
ϥ | ϥ | ϥ | |
Ϧ | Ϧ | Ϧ | |
ϧ | ϧ | ϧ | |
Ϩ | Ϩ | Ϩ | |
ϩ | ϩ | ϩ | |
Ϫ | Ϫ | Ϫ | |
ϫ | ϫ | ϫ | |
Ϭ | Ϭ | Ϭ | |
ϭ | ϭ | ϭ | |
Ϯ | Ϯ | Ϯ | |
ϯ | ϯ | ϯ | |
ϰ | ϰ | ϰ | ϰ |
ϱ | ϱ | ϱ | ϱ |
ϲ | ϲ | ϲ | |
ϳ | ϳ | ϳ | |
ϴ | ϴ | ϴ | |
ϵ | ϵ | ϵ | ϵ |
϶ | ϶ | ϶ | ϶ |
Ϸ | Ϸ | Ϸ | |
ϸ | ϸ | ϸ | |
Ϲ | Ϲ | Ϲ | |
Ϻ | Ϻ | Ϻ | |
ϻ | ϻ | ϻ | |
ϼ | ϼ | ϼ | |
Ͻ | Ͻ | Ͻ | |
Ͼ | Ͼ | Ͼ | |
Ͽ | Ͽ | Ͽ |
Зачем нужны спецсимволы и как ими пользоваться
Предположим, вы решили описать какой-нибудь тег на вашей странице, но, поскольку браузер использует символы < и >как начало и конец тега, применение их внутри содержимого вашего html-кода может привести к проблемам. Но HTML дает вам легкий способ определять эти и другие специальные символы с помощью простых аббревиатур, называемых ссылками на символы.
Рассмотрим, как это работает. Для каждого символа, который считается специальным или который вы хотите использовать на своей веб-странице, но который невозможно напечатать в вашем редакторе (например, символ авторского права), вы находите аббревиатуру и печатаете ее в html-коде вместо нужного символа. Например, для символа «>» аббревиатура — >, а для символа «<.
Допустим, вы хотели напечатать «Элемент очень важен» на своей странице. Вместо этого вам придется воспользоваться ссылками на нужные вам символы для корректного отображения записи, и в итоге ваша запись в коде должна будет выглядеть так:
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2023 © puzzleweb.ru
Пробел в HTML
Бывают случаи, когда не хочется менять стили ради какого-то одного элемента, или необходимо вставить несколько пробелов в тексте из соображений эстетики или стилистики форматирования текста. И тут встает вопрос: «Как сделать пробел в HTML, чтобы текст красиво отображался, и при этом избежать избыточности кода?» Для этого рассмотрим виды пробелов и примеры их использования в HTML-коде.
Неразрывный пробел HTML
В случаях, когда нужно не отрывать части текста друг от друга, поможет неразрывный пробел, код которого выглядит следующим образом:
Это так называемый, «non breaking space».
Примеры использования неразрывного пробела:
Тонкий пробел
Код пробела HTML, который мы рассмотрели выше, является повсеместным. Но бывают случаи, когда обычный пробел оказывается слишком «большим». Тогда на смену ему приходит тонкий пробел. Это пробел, ширина которого составляет четверть кегля используемого шрифта. Обозначается тонкий пробел следующим образом:
и используется, по большей части, для разбиения разрядов чисел, например, «15 000 000 долларов» стоит записать так:
Примечание: Тонкий пробел может некорректно отображаться в старых версиях некоторых из браузеров, но во всех последних версиях работает на «ура».
Другие типы пробелов в языке HTML
Помимо наиболее актуальных видов, что мы рассмотрели выше, существуют и другие.
- — пробел длины буквы N;
- — пробел длины буквы M;
- — несоединяющий символ нулевой длины;
- — соединяющий символ нулевой длины.
Примечание: Если вам нужно поставить несколько пробелов подряд, обрамите текст тегом :
Конструктор сайтов «Нубекс»Пробел при помощи CSS
Вариант создания табуляции (отступа) с помощью CSS можно решить с помощью следующего приёма:
Конструктор сайтов «Нубекс»