Cимволы в HTML
Правильные русские кавычки.
В русских текстах следует использовать «кавычки-ёлочки».
Для вложенных кавычек следует использовать „кавычки-лапки“.
| Символ | Вид | Набор в HTML | Набор с клавиатуры |
|---|---|---|---|
| Левая ёлочка | « | « | Alt + 0171 |
| Правая ёлочка | » | » | Alt + 0187 |
| Левая лапка | „ | „ | Alt + 0132 |
| Правая лапка | “ | “ | Alt + 0147 |
Если в русском тексте присутствуют фразы на иностранном языке, заключенные в кавычки, то кавычки следует использовать русские.
Если слово (фраза) в кавычках является ссылкой, то сами кавычки в ссылку не включаются.
Тире, короткое тире, минус, дефис.
В качестве тире всегда следует использовать длинное тире («—»).
В диапазонах чисел и дат рекомендуем использовать короткое тире («–»).
| Символ | Вид | Набор в HTML | Набор с клавиатуры |
| Тире (длинное) | — | — | Alt + 0151 |
| Короткое (среднее) тире | – | – | Alt + 0150 |
| Минус | − | − | (нет) |
| Дефис | — | (нет) | клавиша на клавиатуре |
Обратите внимание, что в некоторых программах дефис, окруженный пробелами, автоматически заменяется на короткое тире. Поэтому, при вставке текста из разных источников на сайт, этот недочёт нужно исправлять вручную.
На самом деле, видов «черточек» еще больше (например, клавиша на клавиатуре — это не совсем дефис), но перечисленных для веб-сайтов вполне достаточно.
Примечание: По правилам русской типографики в диапазонах чисел следует использовать длинное тире, однако на практике на сайтах часто используется просто дефис. Возможно поэтому, длинное тире большинству кажется слишком длинным и его практически не используют в диапазонах.
Например:
- век живи — век учись (тире);
- 2010–2012 (короткое тире);
- 5−2=3 (минус);
- кое-что (дефис).
Символы.
Перечислены те символы, которые чаще всего встречаются при форматировании текстов на сайтах и которые не вводятся напрямую с клавиатуры.
| Символ | Вид | Набор в HTML | Набор с клавиатуры |
|---|---|---|---|
| «Чёрточки» | |||
| Тире (длинное) | — | — | Alt + 0151 |
| Короткое (среднее) тире | – | – | Alt + 0150 |
| Минус | − | − | |
| Мягкий перенос | - | ­ | |
| Цифровое тире | ‒ | ‒ | |
| Кавычки | |||
| Левая ёлочка | « | « | Alt + 0171 |
| Правая ёлочка | » | » | Alt + 0187 |
| Левая лапка | „ | „ | Alt + 0132 |
| Правая лапка | “ | “ | Alt + 0147 |
| Левая английская лапка | “ | “ | Alt + 0147 |
| Правая английская лапка | ” | ” | Alt + 0148 |
| Апостроф | ’ | ’ | Alt + 0146 |
| Спецсимволы HTML | |||
| Меньше | < | < | |
| Больше | > | > | |
| Амперсанд | & | & | |
| Другие | |||
| Неразрывный пробел | | Alt + 0160 | |
| Многоточие | … | … | Alt + 0133 |
| Копирайт | © | © | Alt + 0169 |
| Градус | ° | ° | Alt + 0176 |
| Евро | € | € | Alt + 0136 или Alt + 0128 |
Если на сайте используется кодировка UTF-8, то символы можно без проблем вставлять в HTML прямо копируя их из колонки «Вид» или набирая их номер с помощью цифровой клавиатуры, удерживая клавишу Alt (может работать не во всех операционных системах).
Надстрочные и подстрочные символы без HTML.
Если где-то нельзя использовать HTML-теги, но нужны подстрочные или надстрочные символы (то есть нижние или верхние индексы), то можно скопировать их отсюда:
- X ⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁺ ⁻ ⁼ ⁽ ⁾ ᵃ ᵇ ᶜ ᵈ ᵉ ᶠ ᶢ ʰ ⁱ ʲ ᵏ ᵐ ⁿ ᵒ ᵖ ʳ ˢ ᵗ ᵘ ᵛ ʷ ˣ ʸ ᶻ ᴬ ᴮ ᴰ ᴱ ᴳ ᴴ ᴵ ᴶ ᴷ ᴸ ᴹ ᴺ ᴼ ᴾ ᴿ ᵀ ᵁ ᵂ
- X ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₊ ₋ ₌ ₍ ₎ ₐ ₑ ᵢ ₒ ᵣ ᵤ ᵥ ₓ
Если же HTML разрешён, то просто используем теги <sub> (нижний индекс) и <sup> (верхний индекс).
Спецсимволы.
Для отображения символов, которых нет на клавиатуре, применяются специальные знаки, начинающиеся с амперсанда (&) и заканчивающиеся точкой с запятой (;). В таблице приведены некоторые популярные спецсимволы.
| Имя | Код | Вид | Описание |
|---|---|---|---|
| |   | неразрывный пробел | |
| £ | £ | £ | фунт стерлингов |
| € | € | € | знак евро |
| ¶ | ¶ | ¶ | символ параграфа |
| § | § | § | параграф |
| © | © | © | знак copyright |
| ® | ® | ® | знак зарегистрированной торговой марки |
| ™ | ™ | ™ | знак торговой марки |
| ° | ° | ° | градус |
| ± | ± | ± | плюс-минус |
| ¼ | ¼ | ¼ | дробь — одна четверть |
| ½ | ½ | ½ | дробь — одна вторая |
| ¾ | ¾ | ¾ | дробь — три четверти |
| × | × | × | знак умножения |
| ÷ | ÷ | ÷ | знак деления |
| ƒ | ƒ | ƒ | знак функции |
| Греческие буквы | |||
| Α | Α | Α | греческая заглавная буква альфа |
| Β | Β | Β | греческая заглавная буква бета |
| Γ | Γ | Γ | греческая заглавная буква гамма |
| Δ | Δ | Δ | греческая заглавная буква дельта |
| Ε | Ε | Ε | греческая заглавная буква эпсилон |
| Ζ | Ζ | Ζ | греческая заглавная буква дзета |
| Η | Η | Η | греческая заглавная буква эта |
| Θ | Θ | Θ | греческая заглавная буква тета |
| Ι | Ι | Ι | греческая заглавная буква иота |
| Κ | Κ | Κ | греческая заглавная буква каппа |
| Λ | Λ | Λ | греческая заглавная буква лямбда |
| Μ | Μ | Μ | греческая заглавная буква мю |
| Ν | Ν | Ν | греческая заглавная буква ню |
| Ξ | Ξ | Ξ | греческая заглавная буква кси |
| Ο | Ο | Ο | греческая заглавная буква омикрон |
| Π | Π | Π | греческая заглавная буква пи |
| Ρ | Ρ | Ρ | греческая заглавная буква ро |
| Σ | Σ | Σ | греческая заглавная буква сигма |
| Τ | Τ | Τ | греческая заглавная буква тау |
| Υ | Υ | Υ | греческая заглавная буква ипсилон |
| Φ | Φ | Φ | греческая заглавная буква фи |
| Χ | Χ | Χ | греческая заглавная буква хи |
| Ψ | Ψ | Ψ | греческая заглавная буква пси |
| Ω | Ω | Ω | греческая заглавная буква омега |
| α | α | α | греческая строчная буква альфа |
| β | β | β | греческая строчная буква бета |
| γ | γ | γ | греческая строчная буква гамма |
| δ | δ | δ | греческая строчная буква дельта |
| ε | ε | ε | греческая строчная буква эпсилон |
| ζ | ζ | ζ | греческая строчная буква дзета |
| η | η | η | греческая строчная буква эта |
| θ | θ | θ | греческая строчная буква тета |
| ι | ι | ι | греческая строчная буква иота |
| κ | κ | κ | греческая строчная буква каппа |
| λ | λ | λ | греческая строчная буква лямбда |
| μ | μ | μ | греческая строчная буква мю |
| ν | ν | ν | греческая строчная буква ню |
| ξ | ξ | ξ | греческая строчная буква кси |
| ο | ο | ο | греческая строчная буква омикрон |
| π | π | π | греческая строчная буква пи |
| ρ | ρ | ρ | греческая строчная буква ро |
| ς | ς | ς | греческая строчная буква сигма |
| σ | σ | σ | греческая строчная буква сигма |
| τ | τ | τ | греческая строчная буква тау |
| υ | υ | υ | греческая строчная буква ипсилон |
| φ | φ | φ | греческая строчная буква фи |
| χ | χ | χ | греческая строчная буква хи |
| ψ | ψ | ψ | греческая строчная буква пси |
| ω | ω | ω | греческая строчная буква омега |
| Стрелки | |||
| ← | ← | ← | стрелка влево |
| ↑ | ↑ | ↑ | стрелка вверх |
| → | → | → | стрелка вправо |
| ↓ | ↓ | ↓ | стрелка вниз |
| ↔ | ↔ | ↔ | стрелка влево-вправо |
| Прочие символы | |||
| ♠ | ♠ | ♠ | знак масти «пики» |
| ♣ | ♣ | ♣ | знак масти «трефы» |
| ♥ | ♥ | ♥ | знак масти «червы» |
| ♦ | ♦ | ♦ | знак масти «бубны» |
| " | " | « | двойная кавычка |
| & | & | & | амперсанд |
| < | < | < | знак «меньше» |
| > | > | > | знак «больше» |
| Знаки пунктуации | |||
| … | … | … | многоточие … |
| ′ | ′ | ′ | одиночный штрих — минуты и футы |
| ″ | ″ | ″ | двойной штрих — секунды и дюймы |
| Общая пунктуация | |||
| – | – | – | тире |
| — | — | — | длинное тире |
| ‘ | ‘ | ‘ | левая одиночная кавычка |
| ’ | ’ | ’ | правая одиночная кавычка |
| ‚ | ‚ | ‚ | нижняя одиночная кавычка |
| “ | “ | “ | левая двойная кавычка |
| ” | ” | ” | правая двойная кавычка |
| „ | „ | „ | нижняя двойная кавычка |
| « | « | « | левая двойная угловая скобка |
| » | » | » | правая двойная угловая скобка |
Оригиналы источников информации.
- webstyle.sfu-kras.ru «Тире, короткое тире, минус, дефис.»
- artlebedev.ru «§ 97. Тире, минус и дефис, или Черты русской типографики.»
- artlebedev.ru «§ 158. Короткое тире.»
- habrahabr.ru «Про тире в диапазонах. Наконец-то до него дошло.»
- habrahabr.ru «Чёрточки: только ли тире, минус и дефис?»
- webstyle.sfu-kras.ru «Правильные русские кавычки.»
- webstyle.sfu-kras.ru «Символы.»
- htmlbook.ru «Спецсимволы.»