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

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

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

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

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

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

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

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

  1. cheke 06.10.2008

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

    Ответить

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

    Спасибо, cheke!

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

    Ответить

  3. Igor 19.10.2008

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

    Ответить

  4. designer 22.10.2008

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

    Ответить

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

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

    Ответить

  6. Лёха 24.10.2008

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

    Ответить

  7. Интермаш 27.10.2008

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

    Ответить

  8. Прохожий 21.12.2008

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

    Ответить

  9. Zel 26.01.2010

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

    Ответить

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

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

    Ответить

  11. Zel 26.01.2010

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

    Ответить

  12. lliana 09.02.2011

    Можно просто вставить символы из таблицы символов Windows, они в Юникоде, это удобнее, чем писать их коды.

    Ответить

    Игорь Квентор

    @lliana, можно и так :) Но вот хоть убейте, а навскидку я даже не вспомню, где эта таблица лежит.

    Ответить

Трэкбеки

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