Таблица популярных спецсимволов HTML

Каждый веб-дизайнер старается ускорить процесс разработки дизайна. Но бывают моменты, когда застреваешь на каком-то незначтельном моменте и тратишь на него кучу времени.

Сегодня мы поговорим о том, что такое спецсимволы HTML и зачем они нужны. Так же в конце статьи я приведу рассово-верную таблицу спецсимволов 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, да это и не нужно особо. Поэтому, при разработке макетов, такая таблица очень выручает и сильно экономит ваше и мое время. Я лично пользую ее настолько часто, что не упомянуть о ней на своем сайте — было бы просто хамством.

Автор: ТОха

Макс 09 марта 2015 / 17:22

А ещё хорошо использовать типографскую раскладку клавиатуры (Ильи Бирмана, к примеру), тогда можно оперативно вставлять спец.символы в текст.

Ответить