Спеціальні символи HTML таблиця

Символи, яких немає на клавіатурі

У веброзробці часто треба вставити знак, якого немає в розкладці: копірайт ©, торгову марку ®, дріб ¾, «плюс-мінус» ± чи грецькі літери α, β, γ у технічному тексті.

Вставляти такі знаки просто з буфера обміну — ризиковано: у різних браузерах і кодуваннях вони можуть зламатися. Для цього в HTML є мнемоніки © і числові коди ©, які показують символ однаково всюди.

Нижче — довідник із 191 найпотрібніших символів. Клік по картці копіює код, перемикач угорі обирає, що саме копіювати: сам символ, мнемоніку, число, код для CSS чи JavaScript. Значок ⓘ відкриває всі коди символу й клавіші для Mac і Windows.

Коли потрібні HTML-символи

1. Щоб показати зарезервовані знаки.

   HTML сприймає < і > як частину тегів. Текст <p>5 < 10</p> браузер може прочитати неправильно. Пишіть < замість < і > замість >: <p>5 &lt; 10</p> покаже 5 < 10.

2. Щоб вставити знак, якого немає на клавіатурі.

   Наприклад, € дає €, а © — ©.

3. Щоб слова не розривалися.

     тримає разом число й одиницю (5 км), ініціали й прізвище, «№» і число.

4. У коді HTML і JavaScript.

   Щоб показати & або < > як текст, використовуйте &, < і >. У CSS символ пишуть так: content: "\00A9", у JavaScript — "\u00A9".

Спеціальні символи HTML показують текст правильно й без конфліктів у коді: зарезервовані знаки, символи, яких немає на клавіатурі, і правильну типографіку. Збережіть цю сторінку в закладки — знадобиться.