HPB18 | HPB19 コンテンツ一覧
ホーム > HPB19 > HTML 丸数字(〇付き数字)等 環境依存文字 特殊文字の書き方
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

HTML 丸数字(〇付き数字)等 環境依存文字 特殊文字の書き方


HTML 丸数字(〇付き数字)等 環境依存文字 特殊文字の書き方




Windows パソコンで丸数字(〇付き数字、丸囲み数字)を書こうとした場合、例えば、1を打鍵して変換しようとすると、変換候補「①」の横に、「環境依存文字」という表記が出ています

「環境依存文字」(機種依存文字)とは、使用しているメディア、例えば、パソコンであったり、スマートフォンであったり、また、そのOS、Windows とか UNIX とかの固有の環境でのみ使用できる(環境依存)文字の事です


「環境依存文字」をそのまま使用すると、別の環境、例えば、Windows で作成した文書を UNIX パソコンで表示しようとすると、意図したものとは違った文字が表示されたり、文字化けして読めないという事象が発生します




環境依存文字は数値文字参照で入力



文字変換候補で「環境依存文字」と表示される文字をWebページに入力する際は、HTMLソース上に「数値文字参照」という形式で直接記述すると、環境が変わっても、意図した通りの文字が表示されます

Windows パソコンには、①~㊿までの丸数字が実装されていますので、それぞれについて、数値文字参照で入力が可能です

下記の表で、左項が実際に表示される文字、右項の「&#」+「数字」記述が「数値文字参照」形式記述です



数字


① ② ③ ④ ⑤
⑥ ⑦ ⑧ ⑨ ⑩
⑪ ⑫ ⑬ ⑭ ⑮
⑯ ⑰ ⑱ ⑲ ⑳
⑴ ⑵ ⑶ ⑷ ⑸
⑹ ⑺ ⑻ ⑼ ⑽
⑾ ⑿ ⒀ ⒁ ⒂
⒃ ⒄ ⒅ ⒆ ⒇
ローマ数字 Ⅰ Ⅱ Ⅲ Ⅳ
Ⅴ Ⅵ Ⅶ Ⅷ
Ⅸ Ⅹ Ⅺ Ⅻ
Ⅼ Ⅽ Ⅾ Ⅿ
対応算用数字 50 100 500 1000
ローマ数字 ⅰ ⅱ ⅲ ⅳ
ⅴ ⅵ ⅶ ⅷ
ⅸ ⅹ ⅺ ⅻ
ⅼ ⅽ ⅾ ⅿ
対応算用数字 50 100 500 1000
❶ ❷ ❸ ❹ ❺
❻ ❼ ❽ ❾ ❿
➀ ➁ ➂ ➃ ➄
➅ ➆ ➇ ➈ ➉
➊ ➋ ➌ ➍ ➎
➏ ➐ ➑ ➒ ➓
㈠ ㈡ ㈢ ㈣ ㈤
㈥ ㈦ ㈧ ㈨ ㈩
㉑ ㉒ ㉓ ㉔ ㉕
㉖ ㉗ ㉘ ㉙ ㉚
㉛ ㉜ ㉝ ㉞ ㉟
㊱ ㊲ ㊳ ㊴ ㊵
㊶ ㊷ ㊸ ㊹ ㊺
㊻ ㊼ ㊽ ㊾ ㊿


白抜き丸文字の場合、文字色を指定すると、白抜き文字のまま、丸の中の塗りつぶし色が変わります

文字色 設定例 表示例
指定無 ❶
<span><font color="#ff0000">&#10102;</font></span>



曜日


&#12842; &#12843; &#12844; &#12845;
&#12846; &#12847; &#12848;



略号


&#12849; &#12850; &#12851; &#12852;
&#12853; &#12854; &#12855; &#12856; &#12857;
&#12858; &#12859; &#12860; &#12861; &#12862;
&#12863; &#12864; &#12865; &#12866; &#12867;



改行コード


CR &#13; LF &#10; CR+LF &#13;&#10;




文字実体参照 と 数値文字参照 とは



文字参照( character reference )とは、HTMLなどのSGML文書において、直接記述できない文字や記号(マークアップで使われる、半角の不等号「<」や「>」など)と特殊記号とを区別して表記する為に用いられる方法で、数値文字参照 (numerical character references) と 文字実体参照 (character entity references) があります

文字実体参照文字が正しく表示されるか文字化けするかは、OSやUA(ブラウザ)、設定されてるフォントなどの環境に依存します


例えば、XHTML1.0より新たに追加された文字、アポストロフィ (文字実体参照 「&apos;」、数値文字参照 「&#39;」 )は、文字実体参照では正しく表示できないUA(ブラウザ)も多く、数値文字参照 「&#39;」 で記述することが推奨されています

正しく表示できない文字については、空白( )や豆腐と呼ばれる四角形(□)、疑問符(?)、中黒(・)などに置き換わって表示されることになり、環境依存を極力排除するためには、「文字実体参照 」を使用しないで、環境依存文字は基本、「数値文字参照」で入力することが望まれます


ただし、ホームページビルダーを使用してページを作成している場合、対応する文字実体参照 がある場合、数値文字参照 で入力しても、ページをセーブする際、自動的に 文字実体参照 に変換される場合がありますので、始めから 文字実体参照 を使用して記述した方が分かり易くていいです


数値文字参照

数値文字参照は、ISO/IEC-10646( Unicode )の文字コード位置を10進数または16進数で指定することにより、文字を入力する方法で、10進数で指定する場合は、「 &#60; 」のように文字コード位置を「 &# 」と「 ; 」で囲み、16進数で指定する場合は、「 &#x3C; 」のように文字コード位置を「 &#x 」と「 ; 」で囲んで記述します

文字実体参照

文字実体参照は、「 &lt; 」のように DTD (Document Type Definition、文書型定義) で宣言された名前を指定することにより、文字を入力する方法で、大文字小文字は区別されます




数値文字参照 文字実体参照 表示文字 一覧



下記に、HTML4とXHTML1.0に定義されている数値文字参照と文字実体参照を掲載しています
(よく使うと思われるものを青字にしてあります)


分類 表示 数値文字 文字実体 説明
" &#34; &quot; 二重引用符
& &#38; &amp; アンパサンド
' &#39; &apos; アポストロフィ (XHTML 1.0から追加の為、「&apos;」より、「&#39;」の方が安全)
数学 < &#60; &lt; 小なり
> &#62; &gt; 大なり
  &#160; &nbsp; 改行禁止スペース
¡ &#161; &iexcl; 反転感嘆符
¢ &#162; &cent; セント
£ &#163; &pound; ポンド
¤ &#164; &curren; 汎用通貨
¥ &#165; &yen;
¦ &#166; &brvbar; 縦破線
§ &#167; &sect; セクション
¨ &#168; &uml; ウムラウト
© &#169; &copy; 著作権
ª &#170; &ordf; 女性序数
かっこ « &#171; &laquo; 二重山カッコ (始)
¬ &#172; &not; ノット
­ &#173; &shy; ソフトハイフン
® &#174; &reg; 登録商標
¯ &#175; &macr; マクロン
° &#176; &deg;
± &#177; &plusmn; プラスマイナス
² &#178; &sup2; 上付きの 2 (平方)
³ &#179; &sup3; 上付きの 3 (立方)
´ &#180; &acute; 鋭アクセント
µ &#181; &micro; マイクロ
&#182; &para; パラグラフ
· &#183; &middot; 中黒
¸ &#184; &cedil; セディーユ
¹ &#185; &sup1; 上付きの 1
º &#186; &ordm; 男性序数
かっこ » &#187; &raquo; 二重山カッコ (終)
数学 ¼ &#188; &frac14; 4 分の 1
½ &#189; &frac12; 2 分の 1
¾ &#190; &frac34; 4 分の 3
¿ &#191; &iquest; 反転疑問符
À &#192; &Agrave; A 低アクセント
Á &#193; &Aacute; A 鋭アクセント
 &#194; &Acirc; A 曲アクセント
à &#195; &Atilde; A チルダ
Ä &#196; &Auml; A ウムラウト
Å &#197; &Aring; A リング
Æ &#198; &AElig; AE 連字
Ç &#199; &Ccedil; C セディラ
È &#200; &Egrave; E 低アクセント
É &#201; &Eacute; E 鋭アクセント
Ê &#202; &Ecirc; E 曲アクセント
Ë &#203; &Euml; E ウムラウト
Ì &#204; &Igrave; I 低アクセント
Í &#205; &Iacute; I 鋭アクセント
Î &#206; &Icirc; I 曲アクセント
Ï &#207; &Iuml; I ウムラウト
Ð &#208; &ETH; 古英語 の ETH
Ñ &#209; &Ntilde; N チルダ
Ò &#210; &Ograve; O 低アクセント
Ó &#211; &Oacute; O 鋭アクセント
Ô &#212; &Ocirc; O 曲アクセント
Õ &#213; &Otilde; O チルダ
Ö &#214; &Ouml; O ウムラウト
× &#215; &times; 乗法
Ø &#216; &Oslash; O スラッシュ
Ù &#217; &Ugrave; U 低アクセント
Ú &#218; &Uacute; U 鋭アクセント
Û &#219; &Ucirc; U 曲アクセント
Ü &#220; &Uuml; U ウムラウト
Ý &#221; &Yacute; Y 鋭アクセント
Þ &#222; &THORN; 古英語の THORN
ß &#223; &szlig; ドイツ語の sz 連字
à &#224; &agrave; a 低アクセント
á &#225; &aacute; a 鋭アクセント
â &#226; &acirc; a 曲アクセント
ã &#227; &atilde; a チルダ
ä &#228; &auml; a ウムラウト
å &#229; &aring; a リング
æ &#230; &aelig; ae 連字
ç &#231; &ccedil; c セディラ
è &#232; &egrave; e 低アクセント
é &#233; &eacute; e 鋭アクセント
ê &#234; &ecirc; e 曲アクセント
ë &#235; &euml; e ウムラウト
ì &#236; &igrave; i 低アクセント
í &#237; &iacute; i 鋭アクセント
î &#238; &icirc; i 曲アクセント
ï &#239; &iuml; i ウムラウト
ð &#240; &eth; 古英語の eth
ñ &#241; &ntilde; n チルダ
ò &#242; &ograve; o 低アクセント
ó &#243; &oacute; o 鋭アクセント
ô &#244; &ocirc; o 曲アクセント
õ &#245; &otilde; o チルダ
ö &#246; &ouml; o ウムラウト
÷ &#247; &divide; 除法
ø &#248; &oslash; o チルダ
ù &#249; &ugrave; u 低アクセント
ú &#250; &uacute; u 鋭アクセント
û &#251; &ucirc; u 曲アクセント
ü &#252; &uuml; u ウムラウト
ý &#253; &yacute; y 鋭アクセント
þ &#254; &thorn; 古英語の thorn
ÿ &#255; &yuml; y ウムラウト
Œ &#338; &OElig; OE 連字
œ &#339; &oelig; oe 連字
Š &#352; &Scaron; S キャロン
š &#353; &scaron; s キャロン
Ÿ &#376; &Yuml; Y ウムラウト
ƒ &#402; &fnof;
ˆ &#710; &circ; 曲アクセント
˜ &#732; &tilde; チルダ
ギリシャ文字 Α &#913; &Alpha; アルファ
Β &#914; &Beta; ベータ
Γ &#915; &Gamma; ガンマ
Δ &#916; &Delta; デルタ
Ε &#917; &Epsilon; エプシロン
Ζ &#918; &Zeta; ゼータ
Η &#919; &Eta; イータ
Θ &#920; &Theta; シータ
Ι &#921; &Iota; イオタ
Κ &#922; &Kappa; カッパ
Λ &#923; &Lambda; ラムダ
Μ &#924; &Mu; ミュー
Ν &#925; &Nu; ニュー
Ξ &#926; &Xi; クシー
Ο &#927; &Omicron; オミクロン
Π &#928; &Pi; パイ
Ρ &#929; &Rho; ロー
Σ &#931; &Sigma; シグマ
Τ &#932; &Tau; タウ
Υ &#933; &Upsilon; イプシロン
Φ &#934; &Phi; フィー
Χ &#935; &Chi; キー
Ψ &#936; &Psi; プシー
Ω &#937; &Omega; オメガ
α &#945; &alpha; アルファ
β &#946; &beta; ベータ
γ &#947; &gamma; ガンマ
δ &#948; &delta; デルタ
ε &#949; &epsilon; エプシロン
ζ &#950; &zeta; ゼータ
η &#951; &eta; イータ
θ &#952; &theta; シータ
ι &#953; &iota; イオタ
κ &#954; &kappa; カッパ
λ &#955; &lambda; ラムダ
μ &#956; &mu; ミュー
ν &#957; &nu; ニュー
ξ &#958; &xi; クシー
ο &#959; &omicron; オミクロン
π &#960; &pi; パイ
ρ &#961; &rho; ロー
ς &#962; &sigmaf; ファイナルシグマ
σ &#963; &sigma; シグマ
τ &#964; &tau; タウ
υ &#965; &upsilon; イプシロン
φ &#966; &phi; フィー
χ &#967; &chi; キー
ψ &#968; &psi; プシー
ω &#969; &omega; オメガ
ϑ &#977; &thetasym; シータシンボル
ϒ &#978; &upsih; かぎつき イプシロン
ϖ &#982; &piv; パイシンボル
&#8194; &ensp; n の文字幅のスペース
&#8195; &emsp; m の文字幅のスペース
&#8201; &thinsp; 細いスペース
&#8204; &zwnj; ノンジョイナー
&#8205; &zwj; ジョイナー
&#8206; &lrm; 左から右マーク
&#8207; &rlm; 右から左マーク
&#8211; &ndash; n の文字幅のダッシュ
&#8212; &mdash; m の文字幅のダッシュ
&#8216; &lsquo; 引用符(始)
&#8217; &rsquo; 引用符(終)
&#8218; &sbquo; 下つき引用符
&#8220; &ldquo; 二重引用符(始)
&#8221; &rdquo; 二重引用符(終)
&#8222; &bdquo; 下つき二重引用符
&#8224; &dagger; ダガー (短剣符)
&#8225; &Dagger; ダブルダガー (短剣符)
&#8226; &bull; ブリット
&#8230; &hellip; 三点リーダー
&#8240; &permil; パーミル
&#8242; &prime; プライム 分
&#8243; &Prime; ダブルプライム 時
かっこ &#8249; &lsaquo; 山カッコ (始)
&#8250; &rsaquo; 山カッコ (終)
&#8254; &oline; オーバーライン
&#8260; &frasl; スラッシュ
&#8364; &euro; ユーロ
&#8451; 摂氏温度記号
&#8467; リットル記号
&#8470; No.
&#8472; &weierp; 手書き風のP
&#8465; &image; 手書き風のI(虚数のI)
&#8476; &real; 手書き風のR(実数のR)
&#8481; TEL
&#8482; &trade; 商標
&#8501; &alefsym; アーレフ
矢印 &#8592; &larr; 左矢
&#8593; &uarr; 上矢
&#8594; &rarr; 右矢
&#8595; &darr; 下矢
&#8596; &harr; 左右矢
&#8629; &crarr; キャリッジリターン
&#8656; &lArr; 二重左矢
&#8657; &uArr; 二重上矢
&#8658; &rArr; 二重右矢
&#8659; &dArr; 二重下矢
&#8660; &hArr; 二重左右矢
数学 &#8704; &forall; 数学 (すべての)
&#8706; &part; 数学 (偏導関数)
&#8707; &exist; 数学 (存在する)
&#8709; &empty; 数学 (空集合)
&#8711; &nabla; 数学 (ナブラ)
&#8712; &isin; 数学 (元として含まれる)
&#8713; &notin; 数学 (元として含まれない)
&#8715; &ni; 数学 (元として含む)
&#8719; &prod; 数学(nの積)
&#8721; &sum; 数学(nの総和)
&#8722; &minus; 数学 (総和)
&#8727; &lowast; 数学 (アステリスク)
&#8730; &radic; 数学 (平方根)
&#8733; &prop; 数学 (比例)
&#8734; &infin; 数学 (無限)
&#8736; &ang; 数学 (角度)
&#8743; &and; 数学 (合接)
&#8744; &or; 数学 (離接)
&#8745; &cap; 数学 (積集合)
&#8746; &cup; 数学 (和集合)
&#8747; &int; 数学 (積分)
&#8756; &there4; 数学 (ゆえに)
&#8764; &sim; 数学 (否定)
&#8773; &cong; 数学 (およそ等しい)
&#8776; &asymp; 数学 (ほぼ等しい)
&#8800; &ne; 数学 (等しくない)
&#8801; &equiv; 数学 (合同)
&#8804; &le 数学 (小なりまたは等しい)
&#8805; &ge; 数学 (大なりまたは等しい)
&#8834; &sub; 数学 (真部分集合含まれる)
&#8835; &sup; 数学 (真部分集合含む)
&#8836; &nsub; 数学 (真部分集合含まれない)
&#8838; &sube; 数学 (部分集合含まれる)
&#8839; &supe; 数学 (部分集合含む)
&#8853; &oplus; 加法 丸
&#8855; &otimes; 乗法 丸
&#8869; &perp; 数学 (垂直)
&#8901; &sdot; ドット演算子
&#8968; &lceil; 左囲み上(左セイリング)
&#8969; &rceil; 右囲み上(右セイリング)
&#8970; &lfloor; 左囲み下(左フロア)
&#8971; &rfloor; 右囲み下(右フロア)
かっこ &#9001; &lang; 左向きかっこ
&#9002; &rang; 右向きかっこ
トランプ &#9674; &loz; ダイアモンド(白)(ひし形)
&#9824; &spades; スペード(黒)
&#9825; ハート(白)
&#9827; &clubs; クラブ(黒)
&#9828; スペード(白)
&#9829; &hearts; ハート(黒)
&#9830; &diams; ダイアモンド(黒)
&#9831; クラブ(白)
&#9832; 温泉(hot spring)
音楽 &#9833; quarter note
&#9833; eighth note
&#9835; hitched notes 1
&#9836; hitched notes 2
&#9837; flat
&#9838; natural
&#9839; sharp

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > HTML 丸数字(〇付き数字)等 環境依存文字 特殊文字の書き方
HPB18 | HPB19 コンテンツ一覧
   

© 2014 abhp.net All Rights Reserved.

参考情報


丸数字(丸付き数字)「①②③④⑤」の入力方法 コリス
文字実体参照・数値文字参照|用語・資料|Web制作 W3G
HTML文字実体参照&数値文字参照一覧
HTML数値文字参照変換(文字参照一覧付き)
丸囲み数字
文字実体参照一覧
ユニコードで使用可能な絵文字【器具編】 - 世界の特殊文字ウィキ
文字参照一覧 references CYBER@GARDEN
文字参照 - Wikipedia

ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP