1. Символьные подстановки

Не все символы можно набрать на клавиатуре. Например, символ зарегистрированного торгового знака ®, торговой марки ™, авторского права ©. Для ввода подобных знаков используют символьные подстановки.

В стандарте кодирования Unicode хранятся знаки почти всех языков мира, а так же специальные и служебные символы. Символьные подстановки это ссылки-мнемоники по которым браузер знает какой Unicode-символ нужно отобразить.

Символьные подстановки это специальные строки, преобразуемые браузерами в символы. Подстановку можно осуществить несколькими способами.

  • &мнемокод; - вставка символа по его "мнемокоду", то есть имени
  • &#КОД10; - вставка символа по его десятичному коду
  • &#xКОД16; - вставка символа по его шеснадцатиричному коду

Например символ авторского права © можно добавить так.

<p>Все права защищены &copy; Lpj, 2020</p>
<p>Все права защищены &#169; Lpj, 2020</p>
<p>Все права защищены &#xa9; Lpj, 2020</p>

Символьные подстановки применяются не только для вставки символов, которых нет на клавиатуре, но, так же для символов имеющих специальное назначение в HTML. Например, если нужно вывести на страницу текст, содержащий HTML тэги как текст.

<p>Для полужирного текста, выделите его тэгами <strong> и </strong>.</p>

Символы < и > это часть синтаксиса HTML, открывают и закрывют теги. Поэтому непосредственная вставка их в код страницы приведет к интерпретации <strong> и </strong> как тэгов. В таком случае вместо символов < и > необходимо использовать символьные подстановки &lt; и &gt;.

<p>
  Для полужирного текста, выделите его тэгами &lt;strong&gt; и &lt;/strong&gt;.
</p>

Есть официальная страница W3C и сервис от Toptal, где можно найти мнемонику для любого символа.

Спецсимволы, не имеющие мнемоники, могут не отображаться вовсе или же отображаться некорректно в каких-то браузерах. В таком случае их заменяют на иконки (изображения).

results matching ""

    No results matching ""