Символьні підстановки

Не всі символи можна ввести з клавіатури. Наприклад такі як знак торгової марки або знак копірайту. Крім того, деякі символи, які можна ввести з клавіатури є зарезервованими, тобто такими, що використовуються у синтаксисі HTML, який використовують для розмітки сторінки. Наприклад це такі символи як кутикові дужки або амперсанд.

Відтак, щоб застосувати такий символ і вивести його у верстці використовують спеціальні символьні підстановки.

В сучасних технологіях використовують стандарт кодування символів Unicode (UTF-8). За допомогою цієї таблиці символів можна відобразити знаки практично усіх мов світу, а також службові символи.

Символьна підстановка - це спеціальний вираз, який інтерпретатор під час верстки перетворить у необхідний символ. Його вказують між символами & і ;

Передати бажаний код символу можна кількома способами:

• &мнемокод; - деякі символи мають власну назву (мнемокод)

• &#КОД10; - можна передати десятковий код символу

• &#xКОД16; - можна передати шістнадцятковий код символу

Наприклад, символ авторського права © додають так:

<p>Всі права захищені &copy; Company, 2023</p>
<p>Всі права захищені &#169; Company, 2023</p>
<p>Всі права захищені &#xa9; Company, 2023</p>

Якщо в тексті потрібно відтворити якийсь символ вживаний у синтаксисі HTML, то це якраз ситуація, коли треба застосувати символьну підстановку. Наприклад, якщо потрібно показати символи < і >, то замість них використовують символьні перестановки &lt; і &gt;.

<!-- Не правильно -->
<p> Тег <img> використовують для верстки зображень.</p>

<!-- Правильно -->
<p> Тег &lt;img&gt; використовують для верстки зображень.</p>

Деякі спецсимволи не мають мнемоніки, тому браузери можуть їх не відображати. В такому випадку замість них використовують іконки.

Покликання:

Офіційна сторінка W3C з описом колів символів

Сервіс опису кодів символів від Toptal