Translate

2016年12月20日火曜日

HTML 文字参照と数値参照

 HTMLでは、それぞれの文字に割り当てられたエイリアス名やコードを使った「文字参照」や「数値参照」で文字を表現することができます。このような参照方法は、HTMLのテキストとして直接書けない<や>などの特殊文字などに用いられます。  文字参照の書式は、次のように&にエイリアス名が続き、最後はセミコロンで終わります。
&name;
 数値参照には10進表記と16進表記があります。10進表記の場合は、&#にHTMLで定義された10進数の文字コードが続き、最後はセミコロンで終わります。
&#d;
 16進表記の場合は、&#xにHTMLで定義された16進数の文字コードが続き、最後はセミコロンで終わります。
&#h;
 HTMLにテキストとして直接書けない<や>などの文字は特殊文字と呼ばれ、以下のような文字が代表的です。
文字文字参照数値参照(10進)数値参照(16進)説明
<&lt;&#60;&#x3C;HTMLタグで使用
>&gt;&#62;&#x3E;HTMLタグで使用
半角スペース&nbsp;&#38;&#x26;連続する半角は1つにまとめられる
&&amp;&#160;&#xA0;HTMLでは文字参照で用いられる
 文字参照や数値参照では、記号文字も参照することができます。以下に使えそうな記号をピックアップしてみました。
文字文字参照数値参照(10進)数値参照(16進)説明
©&copy;&#169;&#xA9;copyright
®&reg;&#174;&#xAE;登録商標
&trade;&#8482;&#x2122;商標
°&deg;&#176;&#xB0;
±&plusmn;&#177;&#xB1;
²&sup2;&#178;&#xB2;平方
³&sup2;&#179;&#xB3;立方
¼&frac14;&#188;&#xBC;1/4
½&frac12;&#189;&#xBD;1/2
¾&frac34;&#190;&#xBE;3/4
¿&iquest;&#191;&#xBF;逆疑問符
&diams;&#9830;&#2666;
&#9826;&#2662;
&hearts;&#9829;&#x2665;
&#9825;&#2661;
&spades;&#9824;&#x2660;
&#9828;&#2664;
&clubs;&#9827;&#2663;
&#9831;&#2667;
&#9832;&#2668;
&#12349;&#303D;歌記号
文字文字参照数値参照(10進)数値参照(16進)
Α&Alpha;&#913;&#x391;
Β&Beta;&#914;&#x392;
Γ&Gamma;&#915;&#x393;
Δ&Delta;&#916;&#x394;
Ε&Epsilon;&#917;&#x395;
Ζ&Zeta;&#918;&#x396;
Η&Eta;&#919;&#x397;
Θ&Theta;&#920;&#x398;
Ι&Iota;&#921;&#x399;
Κ&Kappa;&#922;&#x39A;
Λ&Lambda;&#923;&#x39B;
Μ&Mu;&#924;&#x39C;
Ν&Nu;&#925;&#x39D;
Ξ&Xi;&#926;&#x39E;
Ο&Omicron;&#927;&#x39F;
Π&Pi;&#928;&#x3A0;
Ρ&Rho;&#929;&#x3A1;
Σ&Sigma;&#931;&#x3A3;
Τ&Tau;&#932;&#x3A4;
Υ&Upsilon;&#933;&#x3A5;
Φ&Phi;&#934;&#x3A6;
Χ&Chi;&#935;&#x3A7;
Ψ&Psi;&#936;&#x3A8;
Ω&Omega;&#937;&#x3A9;
α&alpha;&#945;&#x3B1;
β&beta;&#946;&#x3B2;
γ&gamma;&#947;&#x3B3;
δ&delta;&#948;&#x3B4;
ε&epsilon;&#949;&#x3B5;
ζ&zeta;&#950;&#x3B6;
η&eta;&#951;&#x3B7;
θ&theta;&#952;&#x3B8;
ι&iota;&#953;&#x3B9;
κ&lappa;&#954;&#x3BA;
λ&lambda;&#955;&#x3BB;
μ&mu;&#956;&#x3BC;
ν&nu;&#957;&#x3BD;
ξ&xi;&#958;&#x3BE;
ο&omicron;&#959;&#x3BF;
π&pi;&#960;&#x3C0;
ρ&rho;&#961;&#x3C1;
ς&sigmaf;;&#962;&#x3C2;
σ&sigma;&#963;&#x3C3;
Τ&tau;&#964;&#x3C4;
υ&upsilon;&#965;&#x3C5;
φ&phi;&#966;&#x3C6;
χ&chi;&#967;&#x3C7;
ψ&psi;&#968;&#x3C8;
ω&omega;&#969;&#x3C9;
文字文字参照数値参照(10進)数値参照(16進)
&lArr;&#8556;&#21D0;
&uArr;&#8557;&#21D1;
&rArr;&#8558;&#21D2;
&dArr;&#8559;&#21D3;
&hArr;&#8560;&#21D4;
&larr;&#8592;&#2190;
&uarr;&#8593;&#2191;
&rarr;&#8594;&#2192;
&darr;&#8595;&#2193;
&harr;&#8596;&#2194;
&#8598;&#2196;
&#8599;&#2197;
&#8600;&#2198;
&#8601;&#2199;
&#8644;&#21C4;
&#10548;&#2934;
&#10549;&#2935;
&#8678;&#x21E6;
&#8679;&#x21E7;
&#8680;&#x21E8;
&#8681;&#x21E9;
&#9166;&#x23CE;
文字数値参照(10進)数値参照(16進)
&#9312;&#2460;
&#9313;&#2461;
&#9314;&#2462;
&#9315;&#2463;
&#9316;&#2464;
&#9317;&#2465;
&#9318;&#2466;
&#9319;&#2467;
&#9320;&#2468;
&#9321;&#2469;
&#9322;&#246A;
&#9323;&#246B;
&#9324;&#246C;
&#9325;&#246D;
&#9326;&#246E;
&#9327;&#246F;
&#9328;&#2470;
&#9329;&#2471;
&#9330;&#2472;
&#9331;&#2473;
文字数値参照(10進)数値参照(16進)
&#9675;&#25CB;
&#9711;&#25EF;
&#8413;&#20DD;
&#9679;&#25CF;
&#9678;&#25ce;
&#9673;&#25C9;
⦿&#10687;&#29BF;
&#8226;&#2022;
&#9702;&#25E6;
文字数値参照(10進)数値参照(16進)
&#8227;&#2023;
&#9650;&#25B2;
&#9651;&#25B3;
&#9652;&#25B4;
&#9653;&#25B5;
&#9654;&#25B6;
&#9655;&#25B7;
&#9656;&#25B8;
&#9657;&#25B9;
&#9660;&#25BC;
&#9661;&#25BD;
&#9663;&#25BF;
&#9666;&#25C2;
&#9667;&#25C3;
&#9658;&#25BA;
&#9659;&#25BB;
&#9668;&#25C4;
&#9669;&#25C5;
文字数値参照(10進)数値参照(16進)
&#8414;&#20DE;
&#8718;&#220E;
&#9632;&#25A0;
&#9633;&#25A1;
&#9644;&#25AC;
&#9645;&#25AD;
&#9646;&#25AE;
&#9647;&#25BF;
&#9648;&#25B0;
&#9649;&#25B1;
&#9670;&#25C6;
&#9671;&#25C7;
&#9674;&#25CA;
&#10731;&#29EB;
&#12348;&#303C;
 ASCIIコード領域の文字は、そのままASCIIコードを使って数値参照することができます。
&#x41;&#x53;&#x43;&#x49;&#x49;
 上記はブラウザ上で、次の様に表示されます。
ASCII

0 件のコメント:

コメントを投稿