首页 前端知识 HTML 字符实体参考清单

HTML 字符实体参考清单

2024-03-13 00:03:05 前端知识 前端哥 526 68 我要收藏

前言

一些字符在 HTML 中是预留的,拥有特殊的含义,比如小于号‘<’用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入字符实体。

字符实体有三部分:一个和号‘&’和一个实体名称(或者一个‘#’ 和一个实体编号),以及一个分号‘;’。

要在 HTML 文档中显示小于号,我们需要这样写:&lt; 或者‘<’最后的效果则是<。

使用实体名称而不是实体编号的好处在于,名称相对来说更容易记忆。而这么做的坏处是,并不是所有的浏览器都支持最新的实体名称,然而几乎所有的浏览器对实体编号的支持都很好。

注意:实体对大小写敏感。 


一、HTML 特殊字符

HTML实体字符实体编号描述CSS (ISO)JS (Octal)
&quot;"&#34;引号\0022\42
&num;#&#35;数字符号\0023\43
&dollar;$&#36;美元符号\0024\44
&percnt;%&#37;百分号\0025\45
&amp;&&#38;和号\0026\46
&apos;'&#39;撇号\0027\47
&lpar;(&#40;左括号\0028\50
&rpar;)&#41;右括号\0029\51
&ast;*&#42;星号\002a\52
&plus;+&#43;加号\002b\53
&comma;,&#44;逗号\002c\54
&minus;-&#45;连字符减号\002d\55
&period;.&#46;句号\002e\56
&sol;/&#47;固相线\002f\57
&colon;:&#58;冒号\003a\72
&semi;;&#59;分号\003b\73
&lt;<&#60;少于\003c\74
&equals;=&#61;等于\003d\75
&gt;>&#62;大于号\003e\76
&quest;?&#63;问号\003f\77
&commat;@&#64;在标志处\0040\100
&lsqb;[&#91;左方括号\005b\133
&bsol;\&#92;反斜杠\005c\134
&rsqb;]&#93;右方括号\005d\135
&Hat;^&#94;抑扬顿挫\005e\136
&lowbar;_&#95;低线\005f\137
&grave;`&#96;重音\0060\u0060
&lcub;{&#123;左大括号\007b\173
&verbar;|&#124;竖线\007c\174
&rcub;}&#125;右大括号\007d\175
~&#126;波浪号\007e\176

二、HTML 拉丁语

HTML实体字符实体编号描述CSS (ISO)JS (Octal)
&nbsp;&#160;no-break space\00a0\240
&iexcl;¡&#161;inverted exclamation mark\00a1\241
&cent;¢&#162;cent sign\00a2\242
&pound;£&#163;pound sterling sign\00a3\243
&curren;¤&#164;general currency sign\00a4\244
&yen;¥&#165;yen sign\00a5\245
&#x20B9;&#x20B9;Indian Rupee (INR) sign\20B9\u20B9
&brvbar;¦&#166;broken (vertical) bar\00a6\246
&sect;§&#167;section sign\00a7\247
&uml;¨&#168;umlaut (dieresis)\00a8\250
&copy;©&#169;copyright sign\00a9\251
&ordf;ª&#170;ordinal indicator, feminine\00aa\252
&laquo;«&#171;angle quotation mark, left\00ab\253
&not;¬&#172;not sign\00ac\254
&shy;­&#173;soft hyphen\00ad\255
&reg;®&#174;registered sign\00ae\256
&macr;¯&#175;macron\00af\257
&deg;°&#176;degree sign\00b0\260
&plusmn;±&#177;plus-or-minus sign\00b1\261
&sup2;²&#178;superscript two\00b2\262
&sup3;³&#179;superscript three\00b3\263
&acute;´&#180;acute accent\00b4\264
&micro;µ&#181;micro sign\00b5\265
&para;&#182;pilcrow (paragraph sign)\00b6\266
&middot;·&#183;middle dot\00b7\267
&cedil;¸&#184;cedilla\00b8\270
&sup1;¹&#185;superscript one\00b9\271
&ordm;º&#186;ordinal indicator, masculine\00ba\272
&raquo;»&#187;angle quotation mark, right\00bb\273
&frac14;¼&#188;fraction one-quarter\00bc\274
&frac12;½&#189;fraction one-half\00bd\275
&frac34;¾&#190;fraction three-quarters\00be\276
&iquest;¿&#191;inverted question mark\00bf\277
&Agrave;À&#192;capital A, grave accent\00c0\300
&Aacute;Á&#193;capital A, acute accent\00c1\301
&Acirc;Â&#194 ;capital A, circumflex accent\00c2\302
&Atilde;Ã&#195;capital A, tilde\00c3\303
&Auml;Ä&#196;capital A, dieresis or umlaut mark\00c4\304
&Aring;Å&#197;capital A, ring\00c5\305
&AElig;Æ&#198;capital AE diphthong (ligature)\00c6\306
&Ccedil;Ç&#199;capital C, cedilla\00c7\307
&Egrave;È&#200;capital E, grave accent\00c8\310
&Eacute;É&#201;capital E, acute accent\00c9\311
&Ecirc;Ê&#202;capital E, circumflex accent\00ca\312
&Euml;Ë&#203;capital E, dieresis or umlaut mark\00cb\313
&Igrave;Ì&#204;capital I, grave accent\00cc\314
&Iacute;Í&#205;capital I, acute accent\00cd\315
&Icirc;Î&#206;capital I, circumflex accent\00ce\316
&Iuml;Ï&#207;capital I, dieresis or umlaut mark\00cf\317
&ETH;Ð&#208;capital Eth, Icelandic\00d0\320
&Ntilde;Ñ&#209;capital N, tilde\00d1\321
&Ograve;Ò&#210;capital O, grave accent\00d2\322
&Oacute;Ó&#211;capital O, acute accent\00d3\323
&Ocirc;Ô&#212;capital O, circumflex accent\00d4\324
&Otilde;Õ&#213;capital O, tilde\00d5\325
&Ouml;Ö&#214;capital O, dieresis or umlaut mark\00d6\326
&times;×&#215;multiply sign\00d7\327
&Oslash;Ø&#216;capital O, slash\00d8\330
&Ugrave;Ù&#217;capital U, grave accent\00d9\331
&Uacute;Ú&#218;capital U, acute accent\00da\332
&Ucirc;Û&#219;capital U, circumflex accent\00db\333
&Uuml;Ü&#220;capital U, dieresis or umlaut mark\00dc\334
&Yacute;Ý&#221;capital Y, acute accent\00dd\335
&THORN;Þ&#222;capital THORN, Icelandic\00de\336
&szlig;ß&#223;small sharp s, German (sz ligature)\00df\337
&agrave;à&#224;small a, grave accent\00e0\340
&aacute;á&#225;small a, acute accent\00e1\341
&acirc;â&#226;small a, circumflex accent\00e2\342
&atilde;ã&#227;small a, tilde\00e3\343
&auml;ä&#228;small a, dieresis or umlaut mark\00e4\344
&aring;å&#229;small a, ring\00e5\345
&aelig;æ&#230;small ae diphthong (ligature)\00e6\346
&ccedil;ç&#231;small c, cedilla\00e7\347
&egrave;è&#232;small e, grave accent\00e8\350
&eacute;é&#233;small e, acute accent\00e9\351
&ecirc;ê&#234;small e, circumflex accent\00ea\352
&euml;ë&#235;small e, dieresis or umlaut mark\00eb\353
&igrave;ì&#236;small i, grave accent\00ec\354
&iacute;í&#237;small i, acute accent\00ed\355
&icirc;î&#238;small i, circumflex accent\00ee\356
&iuml;ï&#239;small i, dieresis or umlaut mark\00ef\357
&eth;ð&#240;small eth, Icelandic\00f0\360
&ntilde;ñ&#241;small n, tilde\00f1\361
&ograve;ò&#242;small o, grave accent\00f2\362
&oacute;ó&#243;small o, acute accent\00f3\363
&ocirc;ô&#244;small o, circumflex accent\00f4\364
&otilde;õ&#245;small o, tilde\00f5\365
&ouml;ö&#246;small o, dieresis or umlaut mark\00f6\366
&divide;÷&#247;divide sign\00f7\367
&oslash;ø&#248;small o, slash\00f8\370
&ugrave;ù&#249;small u, grave accent\00f9\371
&uacute;ú&#250;small u, acute accent\00fa\372
&ucirc;û&#251;small u, circumflex accent\00fb\373
&uuml;ü&#252;small u, dieresis or umlaut mark\00fc\374
&yacute;ý&#253;small y, acute accent\00fd\375
&thorn;þ&#254;small thorn, Icelandic\00fe\376
&yuml;ÿ&#255;small y, dieresis or umlaut mark\00ff\377
&OElig;Œ&#338;latin capital ligature oe\0152\u0152
&oelig;œ&#339;latin small ligature oe\0153\u0153
&Scaron;Š&#352;latin capital letter s with caron\0160\u0160
&scaron;š&#353;latin small letter s with caron\0161\u0161
&Yuml;Ÿ&#376;latin capital letter y with diaeresis\0178\u0178
&fnof;ƒ&#402;latin small f with hook\0192\u0192

三、HTML 希腊语

HTML实体字符实体编号描述CSS (ISO)JS (Octal)
&Alpha;Α&#913;greek capital letter alpha\0391\u0391
&Beta;Β&#914;greek capital letter beta\0392\u0392
&Gamma;Γ&#915;greek capital letter gamma\0393\u0395
&Delta;Δ&#916;greek capital letter delta\0394\u0394
&Epsilon;Ε&#917;greek capital letter epsilon\0395\u0395
&Zeta;Ζ&#918;greek capital letter zeta\0396\u0396
&Eta;Η&#919;greek capital letter eta\0397\u0397
&Theta;Θ&#920;greek capital letter theta\0398\u0398
&Iota;Ι&#921;greek capital letter iota\0399\u0399
&Kappa;Κ&#922;greek capital letter kappa\039a\u039a
&Lambda;Λ&#923;greek capital letter lambda\039b\u039b
&Mu;Μ&#924;greek capital letter mu\039c\u039c
&Nu;Ν&#925;greek capital letter nu\039d\u039D
&Xi;Ξ&#926;greek capital letter xi\039e\u039e
&Omicron;Ο&#927;greek capital letter omicron\039f\u039f
&Pi;Π&#928;greek capital letter pi\03a0\u03a0
&Rho;Ρ&#929;greek capital letter rho\03a1\u03a1
&Sigma;Σ&#931;greek capital letter sigma\03a3\u03A3
&Tau;Τ&#932;greek capital letter tau\03a4\u03A4
&Upsilon;Υ&#933;greek capital letter upsilon\03a5\u03A5
&Phi;Φ&#934;greek capital letter phi\03a6\u03A6
&Chi;Χ&#935;greek capital letter chi\03a7\u03A7
&Psi;Ψ&#936;greek capital letter psi\03a8\u03A8
&Omega;Ω&#937;greek capital letter omega\03a9\u03A9
&alpha;α&#945;greek small letter alpha\03b1\u03b1
&beta;β&#946;greek small letter beta\03b2\u03b2
&gamma;γ&#947;greek small letter gamma\03b3\u03b3
&delta;δ&#948;greek small letter delta\03b4\u03b4
&epsilon;ε&#949;greek small letter epsilon\03b5\u03b5
&zeta;ζ&#950;greek small letter zeta\03b6\u03b6
&eta;η&#951;greek small letter eta\03b7\u03b7
&theta;θ&#952;greek small letter theta\03b8\u03b8
&iota;ι&#953;greek small letter iota\03b9\u03b9
&kappa;κ&#954;greek small letter kappa\03ba\u03ba
&lambda;λ&#955;greek small letter lambda\03bb\u03bb
&mu;μ&#956;greek small letter mu\03bc\u03bc
&nu;ν&#957;greek small letter nu\03bd\u03bd
&xi;ξ&#958;greek small letter xi\03be\u03be
&omicron;ο&#959;greek small letter omicron\03bf\u03bf
&pi;π&#960;greek small letter pi\03c0\u03c0
&rho;ρ&#961;greek small letter rho\03c1\u03c1
&sigmaf;ς&#962;greek small letter final sigma\03C2\u03c2
&sigma;σ&#963;greek small letter sigma\03C3\u03c3
&tau;τ&#964;greek small letter tau\03C4\u03c4
&upsilon;υ&#965;greek small letter upsilon\03C5\u03c5
&phi;φ&#966;greek small letter phi\03C6\03c6
&chi;χ&#967;greek small letter chi\03C7\u03c7
&psi;ψ&#968;greek small letter psi\03C8\u03c8
&omega;ω&#969;greek small letter omega\03C9\u03c9
&thetasym;ϑ&#977;greek small letter theta symbol\03D1\u03D1
&upsih;ϒ&#978;greek upsilon with hook symbol\03D2\u03D2
&piv;ϖ&#982;greek pi symbol\03D6\u03D6

四、HTML 标点符号

HTML实体字符实体编号描述CSS (ISO)JS (Octal)
&ensp;&#8194;en space\2002\u2002
&emsp;&#8195;em space\2003\u2003
&thinsp;&#8201;thin space\2009\u2009
&zwnj;&#8204;zero width non-joiner\200C\u200C
&zwj;&#8205;zero width joiner\200D\u200d
&lrm;&#8206;left-to-right mark\200E\u200e
&rlm;&#8207;right-to-left mark\200F\u200f
&ndash;&#8211;en dash\2013\u2013
&mdash;&#8212;em dash\2014\u2014
&lsquo;&#8216;left single quotation mark\2018\u2018
&rsquo;&#8217;right single quotation mark\2019\u2019
&sbquo;&#8218;single low-9 quotation mark\201A\u201a
&ldquo;&#8220;left double quotation mark\201C\u201c
&rdquo;&#8221;right double quotation mark\201D\u201d
&bdquo;&#8222;double low-9 quotation mark\201E\u201e
&dagger;&#8224;dagger\2020\u2020
&Dagger;&#8225;double dagger\2021\u2021
&permil;&#8240;per mille sign\2030\u2030
&lsaquo;&#8249;single left-pointing angle quotation mark\2039\u2039
&rsaquo;&#8250;single right-pointing angle quotation mark\203A\u203a
&bull;&#8226;bullet, aka. black small circle\2022\u2219
&hellip;&#8230;horizontal ellipsis, aka three dot leader\2026\u2026
&prime;&#8242;prime, aka minutes, aka feet\2032\u2032
&Prime;&#8243;double prime, aka seconds, aka inches\2033\u2033
&oline;&#8254;overline, aka spacing overscore\203E\u203e
&frasl;&#8260;fraction slash\2044\u8260

五、HTML 箭头

HTML实体字符实体编号描述CSS (ISO)JS (Octal)
&larr;&#8592;向左箭头\2190\u2190
&uarr;&#8593;向上箭头\2191\u2191
&rarr;&#8594;向右箭头\2192\u2192
&darr;&#8595;向下箭头\2193\u2193
&harr;&#8596;左右双向箭头\2194\u2194
&crarr;&#8629;回车箭头\21B5\u21b5
&lArr;&#8656;向左的双箭头\21D0\u21d0
&uArr;&#8657;向上的双箭头\21D1\u21d1
&rArr;&#8658;向右的双箭头\21D2\u21d2
&dArr;&#8659;向下的双箭头\21D3\ud1d3
&hArr;&#8660;左右双向的双箭头\21D4\u21d4
&#9668;向左的黑色实心箭头\25C0\u25c0
&#9658;向右的黑色实心箭头\25b6\u25b6
&#9650;向上的黑色实心箭头\25b2\25b2
&#9660;向下的黑色实心箭头\25bc\25bc

六、HTML 数学运算符

HTML实体字符实体编号描述CSS (ISO)JS (Octal)
&forall;&#8704;for all\2200\u2200
&part;&#8706;partial differential\2202\u2202
&exist;&#8707;there exists\2203\u2203
&empty;&#8709;empty set, aka null set, aka diameter\2205\u2205
&nabla;&#8711;nabla, aka bakad difference\2207\u2207
&isin;&#8712;element of\2208\u2208
&notin;&#8713;not an element of\2209\u2209
&ni;&#8715;contains as member\220B\u220b
&prod;&#8719;n-ary product, aka product sign\220F\u03a0
&sum;&#8721;n-ary sumation\2211\u03a3
&minus;&#8722;minus sign\2212\u2212
&lowast;&#8727;asterisk operator\2217\u2217
&radic;&#8730;square root, aka radical sign\221A\u221a
&prop;&#8733;proportional to\221D\u221d
&infin;&#8734;infinity\221E\u221e
&ang;&#8736;angle\2220\u2220
&and;&#8869;logical and, aka wedge\2227\u2227
&or;&#8870;logical or, aka vee\2228\u2228
&cap;&#8745;intersection, aka cap\2229\u2229
&cup;&#8746;union, aka cup\222A\u222a
&int;&#8747;integral\222B\u222b
&there4;&#8756;therefore\2234\u2234
&sim;&#8764;tilde\223C\u223c
&cong;&#8773;approximately equal to\2245\u2245
&asymp;&#8776;almost equal to, aka asymptotic to\2248\u2248
&ne;&#8800;not equal to\2260\u2260
&equiv;&#8801;identical to\2261\u2261
&le;&#8804;less-than or equal to\2264\u2264
&ge;&#8805;greater-than or equal to\2265\u2265
&sub;&#8834;subset of\2282\u2282
&sup;&#8835;superset of\2283\u2283
&nsub;&#8836;not a subset of\2284\u2284
&sube;&#8838;subset of or equal to\2286\u2286
&supe;&#8839;superset of or equal to\2287\u2287
&oplus;&#8853;circled plus, aka direct sum\2295\u2295
&otimes;&#8855;circled times, aka vector product\2297\u2297
&perp;&#8869;up tack\22A5\u22a5
&sdot;&#8901;dot operator\22C5\u22c5

七、HTML 其他

HTML实体字符实体编号描述CSS (ISO)JS (Octal)
&loz;&#9674;菱形\25CA\u25ca
&spades;&#9824;黑桃\2660\u2660
&clubs;&#9827;梅花\2663\u2663
&hearts;&#9829;黑心套装,又名情人节\2665\u2665
&diams;&#9830;方块\2666\u2666
&weierp;&#8472;不知道怎么描述,看符号吧\2118\u2118
&image;&#8465;不知道怎么描述,看符号吧\2111\u2111
&real;&#8476;不知道怎么描述,看符号吧\211C\u211c
&trade;&#8482;商标标志\2122\u2122
&alefsym;&#8501;不知道怎么描述,看符号吧\2135\u
&circ;ˆ向上的尖括号\02c6\u02c6
&tilde;˜小波浪\02dc\u02dc
转载请注明出处或者链接地址:https://www.qianduange.cn//article/3723.html
标签
评论
发布的文章

JavaScript基础库

2024-04-09 00:04:11

解决vue npm 下载echart出错

2024-04-09 00:04:05

Echarts中option属性设置

2024-04-08 23:04:58

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!