HTML
Символьные объекты
Поиск…
Общие специальные символы
Некоторый символ может быть зарезервирован для HTML и не может использоваться напрямую, поскольку это может препятствовать действительным кодам HTML. Например, попытка отображения левого и правого угловых скобок ( <>
) в исходном коде может привести к неожиданным результатам на выходе. Аналогично, пробелы, записанные в исходном коде, могут не отображаться так, как ожидалось, в выходном HTML. Некоторые, например, ☎, недоступны в наборе символов ASCII.
Для этой цели создаются объекты символов. Они имеют вид &entity_name;
или &entity_number;
, Ниже перечислены некоторые из доступных HTML-объектов.
символ | Описание | Имя сущности | Номер объекта |
---|---|---|---|
"" | неразрывное пространство | |   |
«<» | меньше, чем | < | < |
«>» | лучше чем | > | > |
«&» | амперсант | & | & |
«-» | em dash | — | — |
«-» | en dash | – | – |
«©» | авторское право | © | © |
«®» | зарегистрированная торговая марка | ® | ® |
«™» | товарный знак | ™ | ™ |
«☎» | Телефон | ☎ | ☎ |
Таким образом, чтобы написать
© 2016 Stack Exchange Inc.
используется следующий HTML-код:
<b>© 2016 Stack Exchange Inc.</b>
Сущности символов в HTML
При разработке веб-страницы в html требуется много символов и специальных символов, но, как мы знаем, иногда использование символов напрямую может помешать фактическому html-коду, который содержит определенные символы, а также некоторые символы, недоступные на клавиатуре. Таким образом, чтобы избежать конфликта и в то же время, чтобы иметь возможность использовать разные символы в нашем коде, w3 org предоставляет нам «Сущности персонажа».
Объекты символов предопределены с помощью «Имя объекта» - & имя_объекта; и 'Entity Number' - & entity_number; поэтому нам нужно использовать любой из двух символов для отображения требуемого символа на нашей странице.
Список нескольких объектов символов можно найти по адресу https://dev.w3.org/html5/html-author/charref
Простой пример с использованием символьной сущности для «увеличительного стекла»:
<input type="text" placeholder=" 🔍 Search"/>
который