Перейти до вмісту
TextArray

Сутності HTML

Сутність HTML записує символ за назвою, а не за самим символом — & для &,   для нерозривного пробілу. П’ять із них не є необов’язковими: у вихідному коді HTML амперсанд або кутову дужку, які мають на увазі буквально, мають бути екрановані, інакше браузер читає їх як розмітку.

Решта — це зручно, і вони менш потрібні, ніж були раніше. Сторінка, яка обслуговується як UTF-8, може містити безпосередньо é, — і →. Сутності все ще завойовують своє місце там, де символ невидимий або неоднозначний (  на відміну від простого пробілу), де конвеєр не є надійним UTF-8, а в шаблонах електронної пошти, які залишаються останнім місцем, кодування все ще регулярно збивається.

Цей список — це точний набір, який кодує та декодує інструмент HTML-сутностей сайту — сторінка та інструмент читають ту саму таблицю, тому вони не можуть розійтися.

Зарезервовані символи

П’ять, які мають бути екрановані у вихідному коді HTML. Усе інше на цій сторінці є зручністю; це правильність.

СутністьхарактерЧисловийКодовий пункт
&&&U+0026
&lt;<&#60;U+003C
&gt;>&#62;U+003E
&quot;"&#34;U+0022
&apos;'&#39;U+0027

Інтервалі та розділові знаки

Тире, лапки та пробіли, які не є пробілом — ті, які розриваються під час вставлення з текстового процесора.

СутністьхарактерЧисловийКодовий пункт
&nbsp;нерозривний простір&#160;U+00A0
&ensp;en space&#8194;U+2002
&emsp;ет простір&#8195;U+2003
&thinsp;тонкий простір&#8201;U+2009
&shy;м'який дефіс&#173;U+00AD
&mdash;&#8212;U+2014
&ndash;&#8211;U+2013
&horbar;&#8213;U+2015
&lsquo;&#8216;U+2018
&rsquo;&#8217;U+2019
&sbquo;&#8218;U+201A
&ldquo;&#8220;U+201C
&rdquo;&#8221;U+201D
&bdquo;&#8222;U+201E
&hellip;&#8230;U+2026
&bull;&#8226;U+2022
&middot;·&#183;U+00B7
&laquo;«&#171;U+00AB
&raquo;»&#187;U+00BB
&lsaquo;&#8249;U+2039
&rsaquo;&#8250;U+203A
&dagger;&#8224;U+2020
&Dagger;&#8225;U+2021
&permil;&#8240;U+2030
&prime;&#8242;U+2032
&Prime;&#8243;U+2033
&sect;§&#167;U+00A7
&para;&#182;U+00B6
&iexcl;¡&#161;U+00A1
&iquest;¿&#191;U+00BF
&brvbar;¦&#166;U+00A6
&uml;¨&#168;U+00A8
&macr;¯&#175;U+00AF
&acute;´&#180;U+00B4
&cedil;¸&#184;U+00B8
&ordf;ª&#170;U+00AA
&ordm;º&#186;U+00BA

Символи та валюта

31 сутності

СутністьхарактерЧисловийКодовий пункт
&copy;©&#169;U+00A9
&reg;®&#174;U+00AE
&trade;&#8482;U+2122
&deg;°&#176;U+00B0
&plusmn;±&#177;U+00B1
&sup1;¹&#185;U+00B9
&sup2;²&#178;U+00B2
&sup3;³&#179;U+00B3
&frac14;¼&#188;U+00BC
&frac12;½&#189;U+00BD
&frac34;¾&#190;U+00BE
&times;×&#215;U+00D7
&divide;÷&#247;U+00F7
&minus;&#8722;U+2212
&ne;&#8800;U+2260
&le;&#8804;U+2264
&ge;&#8805;U+2265
&asymp;&#8776;U+2248
&equiv;&#8801;U+2261
&infin;&#8734;U+221E
&radic;&#8730;U+221A
&sum;&#8721;U+2211
&prod;&#8719;U+220F
&part;&#8706;U+2202
&int;&#8747;U+222B
&micro;µ&#181;U+00B5
&euro;&#8364;U+20AC
&pound;£&#163;U+00A3
&yen;¥&#165;U+00A5
&cent;¢&#162;U+00A2
&curren;¤&#164;U+00A4

Стрілки

11 сутності

СутністьхарактерЧисловийКодовий пункт
&larr;&#8592;U+2190
&uarr;&#8593;U+2191
&rarr;&#8594;U+2192
&darr;&#8595;U+2193
&harr;&#8596;U+2194
&crarr;&#8629;U+21B5
&lArr;&#8656;U+21D0
&uArr;&#8657;U+21D1
&rArr;&#8658;U+21D2
&dArr;&#8659;U+21D3
&hArr;&#8660;U+21D4

грецькі букви

Використовується набагато частіше для математики та фізики, ніж для грецьких текстів.

СутністьхарактерЧисловийКодовий пункт
&alpha;α&#945;U+03B1
&beta;β&#946;U+03B2
&gamma;γ&#947;U+03B3
&delta;δ&#948;U+03B4
&epsilon;ε&#949;U+03B5
&zeta;ζ&#950;U+03B6
&eta;η&#951;U+03B7
&theta;θ&#952;U+03B8
&iota;ι&#953;U+03B9
&kappa;κ&#954;U+03BA
&lambda;λ&#955;U+03BB
&mu;μ&#956;U+03BC
&nu;ν&#957;U+03BD
&xi;ξ&#958;U+03BE
&pi;π&#960;U+03C0
&rho;ρ&#961;U+03C1
&sigma;σ&#963;U+03C3
&tau;τ&#964;U+03C4
&upsilon;υ&#965;U+03C5
&phi;φ&#966;U+03C6
&chi;χ&#967;U+03C7
&psi;ψ&#968;U+03C8
&omega;ω&#969;U+03C9
&Alpha;Α&#913;U+0391
&Beta;Β&#914;U+0392
&Gamma;Γ&#915;U+0393
&Delta;Δ&#916;U+0394
&Theta;Θ&#920;U+0398
&Lambda;Λ&#923;U+039B
&Pi;Π&#928;U+03A0
&Sigma;Σ&#931;U+03A3
&Phi;Φ&#934;U+03A6
&Psi;Ψ&#936;U+03A8
&Omega;Ω&#937;U+03A9

Наголошені букви

Сьогодні це рідко потрібно — сторінка UTF-8 може містити ці символи безпосередньо. Вони мають значення в шаблонах електронної пошти та старих системах.

СутністьхарактерЧисловийКодовий пункт
&agrave;à&#224;U+00E0
&aacute;á&#225;U+00E1
&acirc;â&#226;U+00E2
&atilde;ã&#227;U+00E3
&auml;ä&#228;U+00E4
&aring;å&#229;U+00E5
&aelig;æ&#230;U+00E6
&ccedil;ç&#231;U+00E7
&egrave;è&#232;U+00E8
&eacute;é&#233;U+00E9
&ecirc;ê&#234;U+00EA
&euml;ë&#235;U+00EB
&igrave;ì&#236;U+00EC
&iacute;í&#237;U+00ED
&icirc;î&#238;U+00EE
&iuml;ï&#239;U+00EF
&ntilde;ñ&#241;U+00F1
&ograve;ò&#242;U+00F2
&oacute;ó&#243;U+00F3
&ocirc;ô&#244;U+00F4
&otilde;õ&#245;U+00F5
&ouml;ö&#246;U+00F6
&oslash;ø&#248;U+00F8
&oelig;œ&#339;U+0153
&ugrave;ù&#249;U+00F9
&uacute;ú&#250;U+00FA
&ucirc;û&#251;U+00FB
&uuml;ü&#252;U+00FC
&yacute;ý&#253;U+00FD
&yuml;ÿ&#255;U+00FF
&szlig;ß&#223;U+00DF
&scaron;š&#353;U+0161
&Scaron;Š&#352;U+0160
&zcaron;ž&#382;U+017E
&Zcaron;Ž&#381;U+017D
&Agrave;À&#192;U+00C0
&Aacute;Á&#193;U+00C1
&Acirc;Â&#194;U+00C2
&Auml;Ä&#196;U+00C4
&Aring;Å&#197;U+00C5
&AElig;Æ&#198;U+00C6
&Ccedil;Ç&#199;U+00C7
&Egrave;È&#200;U+00C8
&Eacute;É&#201;U+00C9
&Ecirc;Ê&#202;U+00CA
&Iacute;Í&#205;U+00CD
&Ntilde;Ñ&#209;U+00D1
&Oacute;Ó&#211;U+00D3
&Ouml;Ö&#214;U+00D6
&Oslash;Ø&#216;U+00D8
&OElig;Œ&#338;U+0152
&Uacute;Ú&#218;U+00DA
&Uuml;Ü&#220;U+00DC
&Yacute;Ý&#221;U+00DD
&eth;ð&#240;U+00F0
&thorn;þ&#254;U+00FE
&ETH;Ð&#208;U+00D0
&THORN;Þ&#222;U+00DE

FAQ

Які символи потрібно екранувати в HTML?
У текстовому вмісті суворо мають бути & і <. Усередині значення атрибута вам також потрібен символ лапки, який розмежовує його. Екранування >, " і ' скрізь є звичайною практикою, оскільки легше застосувати одне правило, ніж відстежувати, у якому контексті ви перебуваєте.
Яка різниця між   та звичайним простором?
Нерозривний пробіл відображається як пробіл, але забороняє розрив рядка в цій точці, а послідовні пробіли не згортаються, як звичайні пробіли. Це робить його правильним для «10 кг» і неправильним для відступу чи інтервалу макета.
Мені слід використовувати іменовані сутності чи числові?
Іменовані сутності читаються — © говорить, що це таке, а © не говорить. Числові працюють для кожного символу в Unicode, включно з тими, які взагалі не мають імені, і є єдиним варіантом поза HTML: XML визначає лише п’ять імен.
Чому на моїй сторінці відображається &amp; замість &?
Його двічі екранували — текст, який уже містив &, знову пройшов через кодувальник, перетворюючи & сутності на & по черзі. Це класичний симптом втечі як під час запису, так і під час рендерингу.
Чи потрібні мені сутності на сторінці UTF-8?
Тільки для зарезервованих символів. Усе інше може бути буквальним символом, який є коротшим і легшим для читання та пошуку. Сутності залишаються корисними для невидимих символів, де ви хочете, щоб джерело було чітко про те, що там є.