Логотип Валидатор Валидатор Качество создания сайта

Амперсанды

Зачем нужны амперсанды?

Амперсанды нужны для отображения символов, которых, либо НЕТ на клавиатуре, либо их прямой ввод с клавиатуры приведёт к активации браузера, и он отобразит их так, как сам "считает" нужным (т.е., как "вшито" в HTML-интерпретатор).
Поскольку, некоторые символы используются компьютером "программно" в HTML-коде страницы.

**Простой пример.
Если ввести "левую угловую скобку", потом латинскую букву "b", а затем ещё и "правую угловую скобку", то всё, что ниже, станет жирным.
Применив же, прописывание через амперсанды, нужный HTML-код просто отобразится, НЕ выполняясь.

* * *

Как правильно писать: амперсанты(?), или амперсанды(?) - правильно будет через "Д". От английского слова ampersand.
Их называют "мнемоники", и они начинаются с амперсанда  &  а заканчиваются  ; 

АМПЕРСАНДЫ

Условно их можно разбить на несколько "смысловых" групп. По крайней мере, я так разбиваю (для памяти). Приведу только самые нужные, часто используемые.

Выделено, - как они прописываются, а справа, через дефис, - как отображаются.

Программные

Символ амперсанда: & - &
Левая угловая скобка: &lt; - <
Правая угловая скобка: &gt; - >
Кавычки программные: &quot; - "
Двойные левые скобки: &laquo; - «
Двойные правые: &raquo; - »
Неразрывный пробел: &nbsp; -   <--- ЗДЕСЬ. Его не видно, но используется постоянно!

**P.S.   Разных пробелов целое семейство. Для сравнения, показал их действие между буквами "А".

А А - обычный клавиатурный пробел
А А - неразрывный пробел &nbsp;
А А - средний пробел с помощью &ensp;
А А - широкий пробел с помощью &emsp;

Технические

Символ параграфа: &sect; - §
Дробь четверть: &frac14; - ¼
Дробь половина: &frac12; - ½
Дробь три четверти: &frac34; - ¾
Дробь одна треть: &frac13; - - *пробовал; в IE8 (только в нём) не работает.
Пять в квадрате: 5&sup2; -
Шесть в кубе: 6&sup3; -
Символ градусов: 40&deg; - 40°
Символ "минуты": &prime; -
Символ "секунды": &Prime; -
Символ промилле: &#8240; -
Больше/меньше: &plusmn; - ±
Знак деления: &divide; - ÷
Знак умножения: &times; - ×
Функция: &fnof; - ƒ

Копирайты

Символ копирайтов: &copy; - ©
Зарегистрировано: &reg; - ®
Торговая марка: &trade; -

Деньги

Символ денег: &curren; - ¤
Символ доллара: *не работает так. Он есть на клавиатуре, НО ... ... ... аккуратнее!
Символ цента: &cent; - ¢
Символ евро: &euro; -
Фунт стерлингов: &pound; - £
Иена, или юань: &yen; - ¥

Оформительские

Вертикальный разделитель: &brvbar; - ¦
Кружок: &bull; -
Символ три звезды: &#8258; -
Символ точки: &middot; - ·
Карточный символ "буби": &diams; -
Карточный символ "червы": &hearts; -
Карточный символ "трефы": &clubs; -
Карточный символ "пики": &spades; -
Латинский крест: &#8224; -
Двойной латинский крест: &#8225; -

Прочие (можно использовать для оформления)

Буква малая "омега": &omega; - ω
Буква большая "омега": &Omega; - Ω
Буква большая "сигма": &Sigma; - Σ
Буква малая "пси": &psi; - ψ
Буква большая "пси": &Psi; - Ψ

Указатели

Левая стрелка: &larr; -
Правая стрелка: &rarr; -
Туда/сюда: &harr; -
Длинное тире: &mdash; -

Литературные

Кавычки левые одинарные: &lsquo; -
Кавычки правые одинарные: &rsquo; -
Кавычки левые двойные: &ldquo; -
Кавычки правые двойные: &rdquo; -
Амперсанд возможного переноса: &shy; - ­ <--- как-то так, но здесь действия не видно.

Примеры использования

Здесь покажу практическое использование нескольких амперсандов сразу для оформления страницы.

Тестовая строка с тремя амперсандами неразрывного       пробела, и 4-ьмя пробелами. Без них браузер "свёл" бы всё до одного пробела.

Пример указания географических координат.
Прописано: 40&deg;30&prime;15&Prime; отображается - 40°30′15″

Пример другого (не чёрного) цвета: ♥ ♥ ♥

Пример смены, кроме цвета, ещё и размера: ♥ ♥ ♥

Проба символов "три звезды": ⁂ ⁂ ⁂ Хотелось их поближе рассмотреть. Интереснее!

* * *

Отобрал, и показал лишь только самые интересные, на мой взгляд, амперсанды. Так их гораздо больше.
Очень много символов из греческого, и других алфавитов. Если интересно, то можно посмотреть в соответствующих справочниках. Это же целый мини-язык!

Кстати!

Отличный, подробнейший справочник HTML и CSS, - мой самый любимый, и часто используемый, находится в разделе "Полезное" (откроется в новом окне).

Prim** (для себя).
Этот же справочник есть у меня в компьютере и на локальных носителях, как папка freeuse02.

Назад

ВВЕРХ

Все права защищены. Copyright © 2009 - 2017 Коротеев Владимир.

Protected by Copyscape Duplicate Content Check
Яндекс.Метрика
Рейтинг@Mail.ru