05
10
08

Символьные объекты в HTML-коде

Рубрики: Полезняшки
Тэги: , ,

simbols.gif
Это что-то вроде очередной шпаргалки.

Зачастую в тексте или в оформлении сайта нужно тиснуть какой-либо из условных значков (символов), которых на клаве днем с огнем не сыщешь. Для сего благого дела существуют специальные коды. Например, всем известный знак копирайта вовсе не (с), а правильная запись либо ©, либо ©. Первая запись является мнемоническим кодом, вторая — числовым. Обе равносильны. Все браузеры умеют считывать эти коды и выдавать нужные символы. Хотя ИЕ все же некоторые заменяет пустым квадратом. Падлец!

Важное условие! В конце кода обязательно должен быть знак точки с запятой.

Здесь я выписал наиболее часто встречающиеся символы:

  или   — неразрывный пробел
€ или € — знак евро €
£ или £ — знак британского фунта £
¥ или ¥ — знак японской йены ¥
§ или § — знак параграфа §
© или © — знак авторского права ©
™ или ™ — знак торговой марки ™
® или ® — знак регистрации торговой марки ®
° или ° — знак градуса °
± или ± — знак ±
² или ² — знак квадрата ²
³ или ³ — знак куба ³
÷ или ÷ — знак деления ÷
• или • — кружок •
… или … — многоточие …
← или ← — стрелка влево ←
→ или → — стрелка вправо →
↑ или ↑ — стрелка вверх ↑
↓ или ↓ — стрелка вниз ↓
∗ или ∗ — звездочка посередине строки ∗
≠ или ≠ — знак неравно ≠
& или & — амперсанд &
&lt; или &#60; — открывающая угловая скобка <
&gt; или &#62; — закрывающая угловая скобка >
&mdash; или &#8212; или &#151; — длинное тире —
&loz; или &#9674; — контурный ромб ◊
&spades; или &#9824; — пики ♠
&clubs; или &#9827; — крести ♣
&hearts; или &#9829; — червы ♥
&diams; или &#9830; — бубны ♦

rss Подпишитесь на RSS


Комментарии (11)

  1. cheke 06.10.2008 08:13

    &harr; или &#8596; — стрелка влево вправо ?

  2. Игорь Квентор 06.10.2008 14:25

    Спасибо, cheke!

    Да, если у кого есть вопросы по какому-либо символу - смело задавайте. Найдем и заставим нарисоваться во всей красе.

  3. Igor 19.10.2008 00:18

    Отличная подборка, спасибо! Иногда действительно на сайт нужно всунуть какой-то символ, а нету как…

  4. designer 22.10.2008 16:57

    Спасибо за информацию, давно задавался целью найти коды значков.

  5. Абакумов Игорь 22.10.2008 20:19

    Спс, полезная информация, буду использовать при создании постов на блоге.

  6. Лёха 24.10.2008 19:54

    &#8224; знак креста †
    &#8225; двойной крест ‡

  7. Интермаш 27.10.2008 17:38

    Здорово, я и не знал что можно так делать, надо будет скопировать эту шпаргалку…

  8. Прохожий 21.12.2008 15:42

    Полный справочник по символьным знакам можно найти на странице http://www.htmlhelp.com/reference/html40/entities/

  9. Zel 26.01.2010 13:34

    Вообще желательно все символы в тексте для веба вставлять через мнемонический код. Ну если текста много, и нет желание вручную подставлять, то можно воспользоваться различными типографами коих в сети прорва :) Лично я пользуюсь вот этим: http://www.artlebedev.ru/tools/typograf/

  10. Игорь Квентор 26.01.2010 15:01

    Zel, спасибо за ссылочку! Любопытный сервис

  11. Zel 26.01.2010 16:48

    незачто, пользуйтесь наздоровье

Трэкбеки

Оставить комментарий