|| Онлайн калькулятори || Web-інструменти || Довідник || Кросворди
Дата і час Випадковий блок новин
Світова статистика online
Зараз на сайтi: 1

Спеціальні символи HTML і UTF-8

Щоб розмістити символ на веб-сторінці, необхідно вказати HTML-код або мнемоніку.

Спецсимволи чутливі до регістру, тому їх необхідно прописувати точно так, як вказано в таблиці. Спецсимволи, що не мають мнемоніки, можуть не відображатися зовсім або ж некоректно відображатися в тих чи інших браузерах.

Для вставки символів всередину тегів скористайтеся HTML-кодом символу, а для використання символів в таблицях стилів, наприклад, в якості значення властивості content - CSS-код.

Спецсимвол успадковує колір від кольору тексту батьківського елемента, змінити колір спецсимволи можна, якщо помістити html-код всередину тега або ж задавши потрібне значення властивості color (при вставці спецсимволів через властивість content). Тут наведена таблиця спеціальних UTF-8 символів і таблиця HTML символів-мнемонік

Популярні спецсимволи HTML

Вид HTML-код CSS-код
☃ \2603
❄ \2744
❅ \2745
❆ \2746
★ \2605
☆ \2606
✪ \272A
✫ \272B
✯ \272F
❉ \2749
❋ \274B
✲ \2732
⍟ \235F
⊛ \229B
☀ \2600
☁ \2601
☂ \2602
☑ \2611
☒ \2612
☹ \2639
☺ \263A
☻ \263B
☭ \262D
☰ \2630
✿ \273f
❀ \2740
✾ \273E
❁ \2741
❂ \2742
✉ \2709
❦ \2766
❶ \2776
❷ \2777
❸ \2778
❹ \2779
❺ \277A
❻ \277B
❼ \277C
❽ \277D
➒ \2792
➓ \2793
➠ \27A0
➤ \27A4
➥ \27A5
➦ \27A6
❜ \275C
❛ \275B
✖ \2716
✘ \2718
✔ \2714
✚ \271A
↺ \21BA
↻ \21BB
Вид HTML-код CSS-код
Нерозривний
пробіл
  \00A0
Месце
можливого
переносу
­ \00AD
< &lt; \003C
> &gt; \003E
« &laquo; \00AB
» &raquo; \00BB
&lsaquo; \2039
&rsaquo; \203A
" &quot; \0022
&prime; \2032
&Prime; \2033
&lsquo; \2018
&rsquo; \2019
&sbquo; \201A
&ldquo; \201C
&rdquo; \201D
&bdquo; \201E
& &amp; \0026
' &apos; \0027
§ &sect; \00A7
© &copy; \00A9
¬ &not; \00AC
® &reg; \00AE
¯ &macr; \00AF
° &deg; \00B0
± &plusmn; \00B1
¹ &sup1; \00B9
² &sup2; \00B2
³ &sup3; \00B3
¼ &frac14; \00BC
½ &frac12; \00BD
¾ &frac34; \00BE
´ &acute; \00B4
µ &micro; \00B5
&para; \00B6
· &middot; \00B7
¿ &iquest; \00BF
ƒ &fnof; \0192
&trade; \2122
&bull; \2022
&hellip; \2026
&oline; \203E
&ndash; \2013
&mdash; \2014
&permil; \2030
} &#125; \007D
{ &#123; \007B
= &#61; \003D
&ne; \2260
&cong; \2245
&asymp; \2248
&le; \2264
&ge; \2265
&ang; \2220
&perp; \22A5
&radic; \221A
&sum; \2211
&int; \222B
Вид HTML-код CSS-код
&larr; \2190
&uarr; \2191
&rarr; \2192
&darr; \2193
&harr; \2194
&crarr; \21B5
&lArr; \21D0
&uArr; \21D1
&rArr; \21D2
&dArr; \21D3
&hArr; \21D4
Вид HTML-код CSS-код
&spades; \2660
&clubs; \2663
&hearts; \2665
&diams; \2666
&#9825; \2661
&#9826; \2662
&#9828; \2664
&#9831; \2667
Вид HTML-код Код
¢ &cent; &#162;
£ &pound; &#163;
¤ &curren; &#164;
¥ &yen; &#165;
&euro; &#8364;
Вид HTML-код Код
  &#9800;
  &#9801;
  &#9802;
  &#9803;
  &#9804;
  &#9805;
  &#9806;
  &#9807;
  &#9808;
  &#9809;
  &#9810;
  &#9811;
Вид HTML-код Код
  &#9812;
  &#9813;
  &#9814;
  &#9815;
  &#9816;
  &#9817;
  &#9818;
  &#9819;
  &#9820;
  &#9821;
  &#9822;
  &#9723;
Символ Код
&#134;
&#135;
&#9770;
&#10021;
&#10017;
&#10020;
&#9764;
&#10019;
&#9767;
&#10018;
&#9775;
&#10016;
&#9776;
&#10015;
&#9777;
&#10014;
&#9778;
&#10013;
&#9779;
&#10012;
&#9780;
&#10011;
&#9781;
&#10010;
&#9782;
&#10009;
&#9783;
&#9841;
&#9768;
&#9840;
&#9766;
&#9765;
&#9769;
Символ Код
&#9728;
&#9788;
&#9737;
&#9729;
&#9789;
&#9732;
&#9730;
&#9790;
&#9741;
&#9731;
&#9738;
&#9740;
&#9739;
Символ Код
&#9833;
&#9836;
&#9834;
&#9837;
&#9835;
&#9838;
&#9839;
Символ Код
&#9785;
&#9761;
&#9773;
&#9786;
&#9762;
&#9784;
&#9787;
&#9763;
&#9832;
&#9774;
&#9771;
&#8962;
&#9760;
&#9772;
&#13025;
&#12320;
&#12471;
Ѡ &#1120;
&#12484;
&#12485;
&#3424;
&#4440;
Символ Мнемоніка Код
º &ordm; &#186;
&#8531;
ª &ordf; &#170;
&#8532;
¹ &sup1; &#185;
¾ &frac34; &#190;
² &sup2; &#178;
&#8539;
³ &sup3; &#179;
&#8540;
¼ &frac14; &#188;
&#8541;
½ &frac12; &#189;
&#8542;
% &#37;
Символ Мнемоніка Код
&sdot; &#8901;
± &plusmn; &#177;
× &times; &#215;
÷ &divide; &#247;
&minus; &#8722;
< &lt; &#60;
> &gt; &#62;
&cong; &#8773;
&asymp; &#8776;
&ne; &#8800;
&equiv; &#8801;
&le; &#8804;
&ge; &#8805;
¬ &not; &#172;
¯ &macr; &#175;
° &deg; &#176;
&permil; &#8240;
µ &micro; &#181;
&image; &#8465;
&real; &#8476;
&forall; &#8704;
&part; &#8706;
&exist; &#8707;
&empty; &#8709;
&nabla; &#8711;
&isin; &#8712;
&notin; &#8713;
&ni; &#8715;
&prod; &#8719;
&sum; &#8721;
&lowast; &#8727;
&radic; &#8730;
&prop; &#8733;
&infin; &#8734;
&ang; &#8736;
&and; &#8743;
&or; &#8744;
&cap; &#8745;
&cup; &#8746;
&int; &#8747;
&there4; &#8756;
&sim; &#8764;
&sub; &#8834;
&sup; &#8835;
&nsub; &#8836;
&sube; &#8838;
&supe; &#8839;
&oplus; &#8853;
&otimes; &#8855;
&perp; &#8869;
& &amp; &#38;
&weierp; &#8472;
&alefsym; &#8501;
&alefsym; &#8501;
Символ Мнемоніка Код
¤ &curren; &#164;
&euro; &#8364;
¢ &cent; &#162;
&trade; &#8482;
£ &pound; &#163;
© &copy; &#169;
¥ &yen; &#165;
® &reg; &#174;
&#8362;
&#8363;
&#8352;
&#8353;
&#8354;
&#8355;
&#8356;
&#8357;
&#8358;
&#8359;
&#8360;
&#8361;
฿ &#8347;
&#8365;
&#8366;
&#8367;
ƒ &fnof; &#402;

Більше зможете дізнатися на ЦІЙ СТОРІНЦІ

Розміщено на UACMS

Знайшли помилку? Повідомте нас!
Оцініть наші старання:
Оцінoк немає
Ви користуєтесь броузером ||
WEB Tools - розділ сайту з інструментарієм для розробників: кодери та декодери, шифрувальники, редактори інформери, відладка, скрипт, код на javascript.
Сайт працює на UACMS
Сторінка онлайн інструментів для WEB
Несвіч-Городище2-Посада
ІНФОРМАЦІЙНО-ОСВІТНІЙ САЙТ
К-сть відвідувачів по країнах
Відвідувачі WEB-інструментів
» 1 - онлайн » 3 - сьогодні
» 9 - вчора » 56 - за тиждень
» 199 - в місяць » 199 - в рік
» 1863 - всього
» рекорд: 18 (07.12.2020)
Україна Google:15.01-19:58 || Yandex:30.09-09:12 || Bing:27.12-01:39 || Yahoo: || Msn: || Rambler:
Інформаційно-освітній сайт © 2013 - 2021