Поиск…


Общие специальные символы

Некоторый символ может быть зарезервирован для HTML и не может использоваться напрямую, поскольку это может препятствовать действительным кодам HTML. Например, попытка отображения левого и правого угловых скобок ( <> ) в исходном коде может привести к неожиданным результатам на выходе. Аналогично, пробелы, записанные в исходном коде, могут не отображаться так, как ожидалось, в выходном HTML. Некоторые, например, ☎, недоступны в наборе символов ASCII.

Для этой цели создаются объекты символов. Они имеют вид &entity_name; или &entity_number; , Ниже перечислены некоторые из доступных HTML-объектов.

символ Описание Имя сущности Номер объекта
"" неразрывное пространство &nbsp; &#160;
«<» меньше, чем &lt; &#60;
«>» лучше чем &gt; &#62;
«&» амперсант &amp; &#38;
«-» em dash &mdash; &#8212;
«-» en dash &ndash; &#8211;
«©» авторское право &copy; &#169;
«®» зарегистрированная торговая марка &reg; &#174;
«™» товарный знак &trade; &#8482;
«☎» Телефон &phone; &#9742;

Таким образом, чтобы написать

© 2016 Stack Exchange Inc.

используется следующий HTML-код:

<b>&copy; 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="  &#128269; Search"/>

который

введите описание изображения здесь



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow