Неразрывный пробел и другие спецсимволы HTML
Работая в html-редакторе часто появляется необходимость знания спецсимволов (мнемоники) для форматирования текста. Этими символами можно придать тексту правильный вид — легко читаемый и воспринимаемый.
Например, если ваш сайт имеет так называемую резиновую верстку — то расположенный в абзацах текст будет растягиватся по ширине, но при изменении этой ширины некоторые слова перенесутся на новую строку. Таким образом могут автоматически разделится неразрывные словосочетания или названия, например:
…доктор З.
Фрейд, который…
или:
…100
грн. …
У пользователей разные экраны, а значит и ширина «резинового» сайта будет меняться: в каком месте будет перенос — неясно. Даже если ваш сайт заданной ширины, нельзя угадать в каком месте текста закончится строка. В языке HTML на этот случай существует специальная мнемоника — неразрывный пробел:
Пробел в html прописывается таким вот способом:
То есть, в редакторе должно выглядеть так:
100 грн.
HTML имеет одну особенность — множество пробелов заменяется одним. Если вы поставите 10 пробелов подряд в редакторе — то на странице увидите один. Неразрывный пробел также спасает в этой ситуации, но если вы хотите сделать отступ — лучше использовать для этого CSS.
Иногда нужен обратный эффект — слово слишком длинное и его нужно перенести на новую строку, разделив дефисом. В таком случае поможет мнемоника «мягкого переноса» — ­:
электрофика­ция;
Другие мнемоники применяются при невозможности вывода этих символов обычным способом. Некоторые имеют только цифровой код, без буквенного аналога, например, спецсимвол собачки или точки.
Таблица основных мнемоник:
Имя | Код | Вид | Описание |
---|---|---|---|
|   | неразрывный пробел | |
£ | £ | £ | фунт стерлингов |
€ | € | € | знак евро |
¶ | ¶ | ¶ | символ параграфа |
§ | § | § | параграф |
© | © | © | знак copyright |
® | ® | ® | знак зарегистрированной торговой марки |
™ | ™ | ™ | знак торговой марки |
° | ° | ° | градус |
± | ± | ± | плюс-минус |
¼ | ¼ | ¼ | дробь — одна четверть |
½ | ½ | ½ | дробь — одна вторая |
¾ | ¾ | ¾ | дробь — три четверти |
× | × | × | знак умножения |
÷ | ÷ | ÷ | знак деления |
ƒ | ƒ | ƒ | знак функции |
Стрелки | |||
← | ← | ← | стрелка влево |
↑ | ↑ | ↑ | стрелка вверх |
→ | → | → | стрелка вправо |
↓ | ↓ | ↓ | стрелка вниз |
↔ | ↔ | ↔ | стрелка влево-вправо |
Прочие символы | |||
♠ | ♠ | ♠ | знак масти «пики» |
♣ | ♣ | ♣ | знак масти «трефы» |
♥ | ♥ | ♥ | знак масти «червы» |
♦ | ♦ | ♦ | знак масти «бубны» |
" | " | « | двойная кавычка |
& | & | & | амперсанд |
< | < | < | знак «меньше» |
> | > | > | знак «больше» |
Знаки пунктуации | |||
… | … | … | многоточие … |
′ | ′ | ′ | одиночный штрих — минуты и футы |
″ | ″ | ″ | двойной штрих — секунды и дюймы |
Общая пунктуация | |||
– | – | – | тире |
— | — | — | длинное тире |
‘ | ‘ | ‘ | левая одиночная кавычка |
’ | ’ | ’ | правая одиночная кавычка |
‚ | ‚ | ‚ | нижняя одиночная кавычка |
“ | “ | “ | левая двойная кавычка |
” | ” | ” | правая двойная кавычка |
„ | „ | „ | нижняя двойная кавычка |
« | « | « | левая двойная угловая скобка |
» | » | » | правая двойная угловая скобка |
Некоторые знаки, такие как амперсанд ( & ) или угловая скобка ( < ), обозначают начало мнемоники или HTML-тегов, так что отображаться не будут. Для вывода их в статье нужно использовать соответствующие спецсимволы.
Читайте также про МЕТА-теги.