Каждый веб-дизайнер старается ускорить процесс разработки дизайна. Но бывают моменты, когда застреваешь на каком-то незначтельном моменте и тратишь на него кучу времени.
Сегодня мы поговорим о том, что такое спецсимволы HTML и зачем они нужны. Так же в конце статьи я приведу рассово-верную таблицу спецсимволов HTML, которой сам пользуюсь при разработке макетов.
В сети полно таких таблиц. Чем же моя лучше, наверняка спросите вы. Отвечу, в ней нет всякого говна. Хотите поспорить? Тогда ответьте на такой вопрос, как часто в своей жизни вы используете вот этот знак ξ (греческая строчная буква кси)?
Я тоже никогда. Да и копаться в беспорядочной горе значков как жук-навозник, нет ни времени ни сил. Поэтому, на досуге, я перелопатил эту гору и сделал собственную сборку таблицы.
А что же такое спецсимволы? Это знаки, которые нельзя ввести с клавиатуры, но можно вставить в виде кода. Любой код начинается с & (амперсанда) и заканчивается ; (точкой с запятой).
Плюс вы должны учесть, что символы могут оказаться бесполезными, если вы используете нестандартные шрифты на сайте.
Таблица спецсимволов
№ | Вид | Имя | Код | Описание |
---|---|---|---|---|
1 | © | © | © | Знак copyright |
2 | ± | ± | ± | Плюс-минус |
3 | ≠ | ≠ | ≠ | Не равно |
4 | ∞ | ∞ | ∞ | Знак бесконечность |
5 | ≈ | ≈ | ≈ | Приблизительно равно |
6 | — | — | — | Длинное тире |
7 | … | … | … | Многоточие |
8 | & | & | & | Амперсанд |
9 | ← | ← | ← | Стрелка влево |
10 | → | → | → | Стрелка вправо |
11 | ↑ | ↑ | ↑ | Стрелка вверх |
12 | ↓ | ↓ | ↓ | Стрелка вниз |
13 | ↔ | ↔ | ↔ | Стрелка влево-вправо |
14 | § | § | § | Параграф |
15 | « | « | « | Приблизительно равно |
16 | » | » | » | Правая двойная угловая скобка |
17 | € | € | € | Евро |
18 | £ | £ | £ | Фунт стерлингов |
19 | ¢ | ¢ | ¢ | Цент |
20 | ƒ | ƒ | ƒ | Знак функции |
21 | ¶ | ¶ | ¶ | Абзац |
Как пользоваться? Очень просто. Поместите код символа в нужном вам месте, вот и все. Или скопируйте сам символ и вставьте непосредственно в контент. Так нельзя, но я только так и делаю. Спецсимволы 100% работают в этих шрифтах: Arial, Helvetica, Tahoma, verdana. Если вы используете то, чего здесь нет, напишите мне и оно обязательно появится в таблице.
В заключении
Невозможно держать в голове все спецсимволы html, да это и не нужно особо. Поэтому, при разработке макетов, такая таблица очень выручает и сильно экономит ваше и мое время. Я лично пользую ее настолько часто, что не упомянуть о ней на своем сайте — было бы просто хамством.
Автор: ТОха
А ещё хорошо использовать типографскую раскладку клавиатуры (Ильи Бирмана, к примеру), тогда можно оперативно вставлять спец.символы в текст.