Спецсимволы HTML, или символы-мнемоники, представляют собой конструкцию SGML (англ. Standard Generalized Markup Language — стандартный обобщённый язык разметки), ссылающуюся на определенные символы из символьного набора документа. В основном они используются для указания символов, которых нет в стандартной компьютерной клавиатуре, либо которые не поддерживает кодировка HTML-страницы (Windows-1251, UTF-8 и т.д.).
Чтобы разместить символ на веб-странице, необходимо указать HTML-код или мнемонику.
Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице. Спецсимволы, не имеющие мнемоники, могут не отображаться вовсе или же некорректно отображаться в тех или иных браузерах.
Для вставки символов внутрь тегов воспользуйтесь HTML-кодом символа, а для использования символов в таблицах стилей, например, в качестве значения свойства content — CSS-код.
Спецсимвол наследует цвет от цвета текста родительского элемента. Чтобы изменить цвет спецсимвола, можно поместить HTML-код внутрь тега или задать нужное значение свойства color (при вставке спецсимволов через свойство content ).
Символ информации – i в круге, означает, собственно, информацию. Располагается, обычно, там, где можно получить справку, узнать что-то новое. На информационных табло, объектах со всплывающей подсказкой, справочных пунктах. В Юникоде есть ещё один символ связанный с информацией: ℹ источник информации.
Спецсимволы HTML + CSS
Мнемоника и коды специальных символов html в десятичной и шестнадцатиричной системе, а также инструкция как использовать спецсимволы html через CSS.
Инструкция вставки спецсимволов в HTML
Для вставки специальных символов в HTML код вы можете использовать любое из значений столбиков «Обозначение», «10-ный код» или «16-ный код». Ошибки не будет.
Пример добавления специальных символов:
Вот как это будет выглядеть на странице:
Инструкция вставки спецсимволов через CSS
Для вставки специальных символов через CSS код можно использовать только 16-ный код и не в том виде, что он дан в таблице.
Каждый 16-ный символ в таблице кодируется так — &#x "Шестнадцитиричный код" ;
Если вы хотите добавить символ, то вам нужно скоппировать необходимый "Шестнадцитиричный код" из таблицы (без приставки &#x), поставить перед ним обратный слеш и добавить его при помощи свойства content . Чаше всего также для использования свойства content применяют псевдоклассы :before или :after.
Пример: «закрашенный телефон»: ☎
десятичный код:
шестнадцатиричный код:
css код: