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"/>
который
