Статьи

Как использовать символьные объекты в HTML, CSS и JavaScript

Вы почти наверняка сталкивались с сущностями на страницах HTML. Они обычно используются для международных символов, математических операторов, фигур, стрелок и других символов. Например:

♠ ♣ ♥ ♦ © ® 

Они отображаются непосредственно на символы UTF-8. Символ для PI (π) может быть записан как & pi; или его номер UTF-8 & # 960 ;. Вы можете найти популярные символы в Справочнике по символам HTML, чтобы узнать их код объекта HTML и индексный номер UTF-8.

Строго говоря, нет необходимости использовать эти коды, если вы обслуживаете страницы как UTF-8; набор символов по умолчанию для документов HTML и XML. Однако могут быть случаи, когда вы не используете UTF-8, смежные символы вызывают проблемы, или сложно ввести определенный символ на клавиатуре. Точно так же вы можете использовать ANSI или другой метод кодирования для файлов CSS и JavaScript.

Сущности в CSS

Добавление контента с помощью псевдоэлементов становится все более распространенным, особенно если вы используете значки веб-шрифтов . Чтобы добавить любой символ UTF-8, вам нужно найти его номер и преобразовать его в шестнадцатеричный. Для Пи это 03C0. Это может быть добавлено в файл CSS с использованием предыдущего обратного слеша, например

 #pi:before { content: "\03C0"; } тем #pi:before { content: "\03C0"; } 

Сущности в JavaScript

Как и CSS, JavaScript требует UTF-8 в шестнадцатеричном формате. В этом случае, однако, он должен быть экранирован с использованием предшествующего «u», например

 var pi = "u03C0"; 

Если код символа 255 или менее, вы также можете использовать стандартную двухзначную шестнадцатеричную нотацию JavaScript, например

 var copyright = "xA9"; 

Это все, что нужно сделать. Простые решения, но о которых я всегда забываю!