Якщо вам потрібно вставляти в свої публікації спеціальні символи, яких немає на клавіатурі, ви можете використовувати об’єкти HTML, які починаються з амперсанду (&) і закінчуються крапкою з комою (;).
У мові HTML є багато заготовлених спецсимволів. Щоб вставити певний символ у вихідний код сторінки, потрібно використовувати відповідний HTML-код.
Наприклад, найпопулярніший HTML-код – це нерозривний пробіл. Щоб його вставити у вихідний код, використовуйте
Деякі спецсимволи можна просто копіювати і вставляти. Щоб HTML-об’єкти правильно визначалися браузером, на сторінці потрібно використовувати кодування UTF-8. Наприклад, для сторінок із розширенням .html можна використовувати відповідний мета-тег в секції <head>
<meta charset="utf-8">
Представляємо вам таблицю, в якій ви легко зможете знайти і потім використовувати найпопулярніші спецсимволи HTML.
| Спеціальний символ HTML | Десятковий код (decimal) | Відображення в браузері | Короткий опис |
|---|---|---|---|
| Найбільш популярні | |||
| " | " | “ | подвійні лапки |
| & | & | & | амперсанд |
| < | < | < | знак “менше” |
| > | > | > | знак “більше” |
| – | – | – | тире |
| — | — | — | довге тире |
| ‘ | ‘ | ‘ | ліва одинарна лапка |
| ’ | ’ | ’ | права одинарна лапка |
| ‚ | ‚ | ‚ | нижня одинарна лапка |
| “ | “ | “ | ліва подвійна лапка |
| ” | ” | ” | права подвійна лапка |
| „ | „ | „ | нижня подвійна лапка |
| « | « | « | ліва подвійна кутова дужка |
| » | » | » | права подвійна кутова дужка |
| … | … | … | три крапки … |
| ′ | ′ | ′ | одинарний штрих – хвилини і фути |
| ″ | ″ | ″ | подвійний штрих – секунди і дюйми |
| |   | нерозривний пробіл | |
| Стрілочки | |||
| ← | ← | ← | стрілка вліво |
| ↑ | ↑ | ↑ | стрілка вверх |
| → | → | → | стрілка вправо |
| ↓ | ↓ | ↓ | стрілка вниз |
| ↔ | ↔ | ↔ | стрілка вліво-вправо |
| Різні символи | |||
| £ | £ | £ | фунт стерлінгів |
| € | € | € | знак євро |
| ¶ | ¶ | ¶ | символ параграфу |
| § | § | § | параграф |
| © | © | © | знак copyright |
| ® | ® | ® | знак зареєстрованої торгової марки |
| ™ | ™ | ™ | знак торгової марки |
| ° | ° | ° | градус |
| ± | ± | ± | плюс-мінус |
| ¼ | ¼ | ¼ | дріб – одна чверть |
| ½ | ½ | ½ | дріб – одна друга |
| ¾ | ¾ | ¾ | дріб – три чверті |
| × | × | × | знак множення |
| ÷ | ÷ | ÷ | знак ділення |
| ƒ | ƒ | ƒ | знак функції |
| ♠ | ♠ | ♠ | знак масті “піки” |
| ♣ | ♣ | ♣ | знак масті “трефи” |
| ♥ | ♥ | ♥ | знак масті “чирви” |
| ♦ | ♦ | ♦ | знак масті “бубни” |
Сподіваємось, що дана інформація стане вам у нагоді!
WordPress роками був неперевершеним "монолітом": він відповідав і за зручну адмін-панель, і за збереження даних,…
У світі веб-серверів часто говорять про протистояння Nginx vs Apache. Але що, якби я сказав…
Коли я починав свій шлях у веб-розробці, питання "який веб-сервер використовувати?" практично не стояло. Відповідь…
Коли мова заходить про веб-сервери, два імені завжди на слуху: Apache та Nginx. Apache —…
У світі веб-розробки ми постійно стикаємося з проблемою: "А в мене на комп'ютері все працює!".…
На зорі моєї кар'єри веб-розробника все було відносно просто: встановив локальний сервер (пам'ятаєте Denwer?), поклав…