ネット関連ツール：独、仏、ギリシャ文字のWeb表示
現在工事中です。
Webサイト（イントラネットを含む）を構築するとき、ドイツ語のウムラウトやフランス語の特殊文字あるいはギリシャ文字など
を通常の英文字に混ぜて使いたいことがある。
こうした特殊文字を入力例と出力例の一覧として、以下紹介します。
ギリシャ文字、演算記号、矢印などのWebページ上に出力するHTML構文は、同じく数式などをWebページに出力するTeX、LaTeXの
構文とほとんど多くの場合共通していることが分かる。
ただし、ウムラウトとかハット、チルダーのような文字を修飾するとき、母体となる文字の制限がある。多くの場合母音の"aeiou"程度
しかサポートしていない。TeX・LaTeXの構文ではこのような制限はまったくない。
TeX・LaTeXによる数式表示、特殊文字の表示方法は、ここ
ネット関連ツール：Tex・LaTeXによる数式表示を参照されたい。
なお、以下の表に含まれる表示のスタイルとして、次のスタイルを指定し、本文よりやや大きめの文字サイズ、分かりやすいフォントを使用している。
div#content table.table_co td {
font-family: "ヒラギノ角ゴ Pro W3" ,
"Hiragino Kaku Gothic Pro" ,
"メイリオ" , Meiryo, Osaka,
"ＭＳ Ｐゴシック" ,
"MS P Gothic" ,
sans-serif;
font-size:125%;
}
- 1. 特殊文字一般
- 2. 独語の特殊文字
- 3. 仏語の特殊文字
- 4. ギリシャ文字
- 5. その他文字・記号・括弧など
- 6. 他の文字要素との組み合わせ
- 6.1 文字の修飾
- 6.2 フォントによる表示の違い
- 7. Literature Cited
目次：
特殊文字一般
Webページを表示させるとき、HTML言語のタグを表す"<"や">"という文字は、特殊文字として取り扱われ、
それぞれ"<"、">"というふうに、HTMLファイル中に記述する必要がある。
ここでは、アルファベットを文字修飾する特殊文字の入力と表示例を示す。
表１は、主にアルファベット母音の"aoeui"の小文字と大文字を修飾する出力例を載せた。
入力方法は、たとえば、"`"欄（左ダッシュ）で、小文字"a"に左ダッシュをつけたいときは、"à"と入力することにより、
"à"が表示できる。同様に、"&"の直後に、"AoOeEuUiI"のうちの一文字、続けて"grave;"と記述すればよい。
なお、文字色が赤で、背景が薄いピンク色の部分は、この規則に従わないで、エラーとなり、表示できない部分であることを示している。
また表示している文字出力のサンプルは、やや拡大表示し、フォントも本文とは変えている。Hiragino Kaku Gothicを使用。
表示している文字出力を、マウスなどで選択し、コピー・ペーストすることで、別の文書にペーストすることができます。
| ` | ´ | ˆ | ˜ | ¨ | ˚ | ¯ |
|---|---|---|---|---|---|---|
| ` | ´ | ˆ | ˜ | ¨ | ˚ | ¯ |
| à | á | â | ã | ä | å | ā |
| À | Á | Â | Ã | Ä | Å | Ā |
| ò | ó | ô | õ | ö | &oring; | ō |
| Ò | Ó | Ô | Õ | Ö | &Oring; | Ō |
| è | é | ê | &etilde; | ë | &ering; | ē |
| È | É | Ê | &Etilde; | Ë | &Ering; | Ē |
| ù | ú | û | ũ | ü | ů | ū |
| Ù | Ú | Û | Ũ | Ü | Ů | Ū |
| ì | í | î | ĩ | ï | &iring; | ī |
| Ì | Í | Î | Ĩ | Ï | &Iring; | Ī |
| &ygrave; | ý | ŷ | &ytilde; | ÿ | &yring; | &ymacr; |
| &Ygrave; | Ý | Ŷ | &Ytilde; | Ÿ | &Yring; | &Ymacr; |
独語の特殊文字
上述したのと多少、重複するが、ドイツ語ではウムラウト(Umlaute)やエスツェット(Eszett)が現れる。ウムラウトはアルファベット母音の上に二つのドットを被せた文字、
エスツェットはギリシャ文字のベータに似た文字です。
ドイツ語をHTML言語で表示するには、"&"+アルファベット１文字+"uml;"または"ß"で表示することができます。 サンプルを表２に示しています。単語文字列の途中で現れても、単語として表示することができます。
| 表示文字 | html入力 | 例の表示 | 例の入力 |
|---|---|---|---|
| Ä | Ä | Ähnlichkeit | Ähnlichkeit |
| ä | ä | Gefährte | Gefährte |
| Ö | Ö | Öffnung | Öffnung |
| ö | ö | möglich | möglich |
| Ü | Ü | Übersetzung | Übersetzung |
| ü | ü | nützlich | nützlich |
| ß | ß | außerlich | außerlich |
仏語の特殊文字
フランス語にも、通常のアルファベットに修飾を施した文字がある。表１に示した修飾文字と重複するが、 よく現れる特殊文字を表３に示す。小文字系、大文字系、その他に分類している。
| accent aigu | accent grave | accent circonflexe | trèma | ||||
|---|---|---|---|---|---|---|---|
| é | é | è | è | ê | ê | ë | ë |
| á | á | à | à | â | â | ä | ä |
| ú | ú | ù | ù | û | û | ü | ü |
| í | í | ì | ì | î | î | ï | ï |
| ó | ó | ò | ò | ô | ô | ö | ö |
| accent aigu | accent grave | accent circonflexe | trèma | ||||
| É | É | È | È | Ê | Ê | Ë | Ë |
| Á | Á | À | À | Â | Â | Ä | Ä |
| Ú | Ú | Ù | Ù | Û | Û | Ü | Ü |
| Í | Í | Ì | Ì | Î | Î | Ï | Ï |
| Ó | Ó | Ò | Ò | Ô | Ô | Ö | Ö |
| ligature | cédille | chevrons etc. | |||||
| œ | œ | ç | ç | « | « | » | » |
| Œ | Œ | Ç | Ç | € | € | ¿ | ¿ |
ギリシャ文字
ギリシャ文字は基本的に、TeXと同じで、"&"を"\"に変えると表示できる。
大文字表示は、"&"に続く１文字を大文字で表示する。
HTML言語による数式表示のサンプルで、
ネット関連ツール：Tex・LaTeXによる数式表示の表９ａを参照されたい。
ギリシャ文字の小文字の表示例を、表４ａに示す。また大文字の表示例を表４ｂに示す。
なお、同じ表示で2つの入力方法があるものは、入力欄にその２つを示す。このうち"&var"で始まる入力は、TEXと同じである。残りはHTML独自の入力である。
また、"&varepsilon"と"&varrho"は、HTMLの特殊文字にはなく、TEXの入力と同等のもので、TEX表示と同じものを表示する。
| 表示 | 入力 | 表示 | 入力 | 表示 | 入力 |
|---|---|---|---|---|---|
| α | α | β | β | γ | γ |
| δ | δ | ε | ε | ϵ | ϵ |
| ζ | ζ | η | η | θ | θ |
| ϑ or ϑ | ϑ or ϑ | ι | ι | κ | κ |
| λ | λ | μ | μ | ν | ν |
| ξ | ξ | π | π | ϖ or ϖ | ϖ or ϖ |
| ρ | ρ | ϱ | ϱ | σ | σ |
| ς or ς | ς or ς | τ | τ | υ | υ |
| φ or ϕ | φ or ϕ | χ | χ | ψ | ψ |
| ω | ω | ο | ο |
note: 上表中２つの記述方法を記載しているのは、一つ目がTEXと同表記、二つ目が文字実体参照表記を示している。
| 表示 | 入力 | 表示 | 入力 | 表示 | 入力 |
|---|---|---|---|---|---|
| Α | Α | Β | Β | Γ | Γ |
| Δ | Δ | Ε | Ε | &Varepsilon; | &Varepsilon; |
| Ζ | Ζ | Η | Η | Θ | Θ |
| &Vartheta; or &Thetasym; | &Vartheta; or &Thetasym; | Ι | Ι | Κ | Κ |
| Λ | Λ | Μ | Μ | Ν | Ν |
| Ξ | Ξ | Π | Π | &Varpi; or &Piv; | &Varpi; or &Piv; |
| Ρ | Ρ | &Varrho; | &Varrho; | Σ | Σ |
| &Varsigma; or &Sigmaf; | &Varsigma; or &Sigmaf; | Τ | Τ | Υ | Υ |
| Φ | Φ | ϕ | ϕ | Χ | Χ |
| Ψ | Ψ | Ω | Ω | Ο | Ο |
表中の文字色が赤で、背景が薄いピンク色の部分 は該当する大文字がないことを示す。ほかの入力で表示できる。
その他文字・記号・括弧など
ここでは、TEXの数式表示に現れる各種特殊記号の書き方（入力の仕方）と極めて類似していて、
HTML言語でブラウザに表示することができる書き方を以下に示す。
文字の修飾
表１でも示したが、TEXの数式表示では、文字の修飾方法に表５に示す10種類があった。
HTML言語でブラウザに表示することができる書き方を試すと表５の4種類だけが可能である。
TEXでは、修飾する文字には制限がほぼないが、HTMLではおもに母音"aeiouy"の修飾ができるだけで、 すべてのアルファベット文字に修飾はできない。
HTML言語による数式表示のサンプルで、
ネット関連ツール：Tex・LaTeXによる数式表示の表８を参照されたい。
| 表示 | 入力 | 表示 | 入力 | 表示 | 入力 |
|---|---|---|---|---|---|
| &ahat; | &ahat; | &acheck; | &acheck; | ã | ã |
| á | á | à | à | &adot; | &adot; |
| &addot; | &addot; | ă | ă | &abar; | &abar; |
| &avec; | &avec; |
表中の文字色が赤で、背景が薄いピンク色の部分 は該当する大文字がないことを示す。ほかの入力で表示できる。
いろいろな括弧
数式を表現するとき、個々の文字を修飾した表現を用いることが多い。文字修飾の方法を表８に示す。
ここに示すHTML言語による数式表示のサンプルは、
ネット関連ツール：Tex・LaTeXによる数式表示の表１０ａを元に、作成した。
表８のなかで、"floor"と"ceil"および"angle"だけがTeX・LaTeXと類似の構文で記述できる。鍵括弧や二重括弧はサポートしていない。
TeX・LaTeXの構文にはない、キーワードが異なる例を、"&xxxx;"欄に示す。
| 表示 | 入力 | 表示 | 入力 | 表示 | 入力 |
|---|---|---|---|---|---|
| &{; | &{; | &}; | &}; | ⌊ | ⌊ |
| ⌋ | ⌋ | ⌈ | ⌈ | ⌉ | ⌉ |
| ⟨ | ⟨ | ⟩ | ⟩ | [&![; | [&![; |
| ]&!]; | ]&!]; | &langle&!⟨ | &langle&!⟨ | &rangle&!⟩ | &rangle&!⟩ |
| (&!(; | (&!(; | )&!); | )&!); | ||
| « | « | » | » | ⟨,⟩ | ⟨,⟩ |
演算記号
数式を表現するとき、演算記号を使う。演算記号には二項演算子、関係演算子がある。
TeX・LaTeXでこれら演算記号を表現するときの入力を、"&"文字を使ったHTML言語に置き換えたとき
の出力例を、表９（二項演算子）、表１０（関係演算子）に示す。
多くの演算子が、そのまま転用できることがわかる。
TeX・LaTeXの入力例のサンプルは、
ネット関連ツール：Tex・LaTeXによる数式表示の表１３、表１４に示す。
| 表示 | 入力 | 表示 | 入力 | 表示 | 入力 |
|---|---|---|---|---|---|
| A ± B | A ± B | A ∓ B | A &mp ; B | A ∖ B | A ∖ B |
| A ċ B | A ċ B | A × B | A × B | A * B | A * B |
| A ☆ B | A ☆ B | A ⋄ B | A ⋄ B | A ˆ B | A ˆ B |
| A • B | A • B | A ÷ B | A ÷ B | A ∩ B | A ∩ B |
| A ∪ B | A ∪ B | A ⊎ B | A ⊎ B | A ⊓ B | A ⊓ B |
| A ⊔ B | A ⊔ B | A ◃ B | A ◃ B | A ▹ B | A ▹ B |
| A &lhd; B | A &lhd; B | A &rhd; B | A &rhd; B | A &unlhd; B | A &unlhd; B |
| A &unrhd; B | A &unrhd; B | A ≀ B | A ≀ B | A ◯ B | A ◯ B |
| A △ B | A △ B | A ▽ B | A ▽ B | A ∨ B | A ∨ B |
| A &lor; B | A &lor; B | A ∧ B | A ∧ B | ||
| A &land; B | A &land; B | A ⊕ B | A ⊕ B | A ⊖ B | A ⊖ B |
| A ⊗ B | A ⊗ B | A ø B | A ø B | A ⊙ B | A ⊙ B |
| A † B | A † B | A ‡ B | A ‡ B | A ⨿ B | A ⨿ B |
表１０で、TeX・LaTeXの構文にはない、"¬"欄に示す記号が出力される。
| 表示 | 入力 | 表示 | 入力 | 表示 | 入力 |
|---|---|---|---|---|---|
| A ≤,≤ B | A ≤,≤ B | A ≥,≥ B | A ≥,≥ B | A ≺ B | A ≺ B |
| A ≻ B | A ≻ B | A ⪯ B | A ⪯ B | A ⪰ B | A ⪰ B |
| A ≪ B | A ≪ B | A ≫ B | A ≫ B | A ⊂ B | A ⊂ B |
| A ⊃ B | A ⊃ B | A ⊆ B | A ⊆ B | A ⊇ B | A ⊇ B |
| A ∉ B | A ∉ B | A ⊑ B | A ⊑ B | A ⊒ B | A ⊒ B |
| A ∈ B | A ∈ B | A ∋,&owns; B | A ∋,&owns; B | A ⊢ B | A ⊢ B |
| A ⊣ B | A ⊣ B | A ⌣ B | A ⌣ B | A ⌢ B | A ⌢ B |
| A ∣ B | A ∣ B | A ∥ B | A ∥ B | A ∼ B | A ∼ B |
| A ≃ B | A ≃ B | A ≡ B | A ≡ B | A ≈ B | A ≈ B |
| A ≈ B | A ≈ B | A ≅ B | A ≅ B | A ¬=; B | A ¬=; B |
| A ≠ B | A ≠ B | A &neq; B | A &neq; B | A ¬ B | A ¬ B |
| A ≐ B | A ≐ B | A ∝ B | A ∝ B | A ⊧ B | A ⊧ B |
| A ⊥ B | A ⊥ B | A ⋈ B | A ⋈ B | A &Join; B | A &Join; B |
各種記号
TeX・LaTeXの構文を同じ構文で、"&"文字を使ったHTML言語に置き換えたときの他の例を
の出力例を、表１１大きな記号、表１２その他の記号に示す。
多くの表現・構文が、そのまま転用できることがわかる。
TeX・LaTeXの入力例のサンプルは、
ネット関連ツール：Tex・LaTeXによる数式表示の表１５、表１６に示す。
| 表示 | 入力 | 表示 | 入力 | 表示 | 入力 |
|---|---|---|---|---|---|
| ∑ | ∑ | ∏ | ∏ | ∐ | ∐ |
| ∫ | ∫ | ∮ | ∮ | ⋂ | ⋂ |
| ⋃ | ⋃ | ⨆ | ⨆ | ⋁ | ⋁ |
| ⋀ | ⋀ | ⨀ | ⨀ | ⨂ | ⨂ |
| ⨁ | ⨁ | ⨄ | ⨄ |
| 表示 | 入力 | 表示 | 入力 | 表示 | 入力 |
|---|---|---|---|---|---|
| ℵ | ℵ | ℏ | ℏ | ı | ı |
| ȷ | ȷ | ℓ | ℓ | ℘ | ℘ |
| ℜ | ℜ | ℑ | ℑ | &partial; | &partial; |
| &infty; | &infty; | &smallint; | &smallint; | &P; | &P; |
| ′ | ′ | ∅ | ∅ | ∇ | ∇ |
| &surd; | &surd; | ⊤ | ⊤ | ⊥ | ⊥ |
| |,| | |,| | &|;,‖ | &|;,‖ | ∠ | ∠ |
| ▵ | ▵ | &backslash; | &backslash; | † | † |
| &S; | &S; | ∀ | ∀ | &exists; | &exists; |
| &neg;,&lnot; | &neg;,&lnot; | ♭ | ♭ | ♮ | ♮ |
| ♯ | ♯ | ♣ | ♣ | ♦ | ♦ |
| ♥ | ♥ | ♠ | ♠ | ‡ | ‡ |
| &leadsto; | &leadsto; | &Box;,□ | &Box;,□ | ℧ | ℧ |
| &LaTeX; | &LaTeX; | &TeX; | &TeX; | &varDelta; | &varDelta; |
| ® | ® | ©right; | ©right; | Ⓢ | Ⓢ |
| ∂ | ∂ | § | § | ∞ | ∞ |
| √ | √ | |,¦ | |,¦ | ¬ | ¬ |
| ∴ | ∴ | ¤ | ¤ | ∞ | ∞ |
矢印
TeX・LaTeXの構文を同じ構文で、"&"文字を使ったHTML言語に置き換えたときの矢印関連の例
の出力例を、表１４に示す。
多くの矢印の種類が、そのまま転用できることがわかる。
TeX・LaTeXの入力例のサンプルは、
ネット関連ツール：Tex・LaTeXによる数式表示の表１７に示す。
| 表示 | 入力 | 表示 | 入力 | 表示 | 入力 |
|---|---|---|---|---|---|
| A ← B | A ← B | A ⇐ B | A ⇐ B | A → B | A → B |
| A ⇒ B | A ⇒ B | A ↔ B | A ↔ B | A ⇔ B | A ⇔ B |
| A ↑ B | A ↑ B | A ↓ B | A ↓ B | A ↕ B | A ↕ B |
| A ↗ B | A ↗ B | A ↙ B | A ↙ B | A ↦ B | A ↦ B |
| A ↩ B | A ↩ B | A ↼ B | A ↼ B | A ⇀ B | A ⇀ B |
| A ⇌ B | A ⇌ B | A ⟵ B | A ⟵ B | A ⟸ B | A ⟸ B |
| A ⟶ B | A ⟶ B | A ⟹ B | A ⟹ B | A ⟷ B | A ⟷ B |
| A ⟺ B | A ⟺ B | A ⇑ B | A ⇑ B | A ⇓ B | A ⇓ B |
| A ⇕ B | A ⇕ B | A ↘ B | A ↘ B | A ↖ B | A ↖ B |
| A ⟼ B | A ⟼ B | A ↪ B | A ↪ B | A ↽ B | A ↽ B |
| A ⇁ B | A ⇁ B |
他の文字要素との組み合わせ
独語、仏語、ギリシャ文字に現れる特殊文字をHTML構文で表示する方法を前述した。
ここでは、さらに、HTMLタグによる文字の修飾とかフォントによってどのように変化するかをチェックした。
文字の修飾
HTMLタグによる特殊文字の修飾の結果を表１５に示す。
| Ä ,ç ,δ ,Δ, A ± B | <b>Ä,ç,δ,Δ,A ± B</b> |
| Ä ,ç ,δ ,Δ, A ± B | <i>Ä,ç,δ,Δ,A ± B</i> |
| Ä ,ç ,δ ,Δ, A ± B | <ins>Ä,ç,δ,Δ,A ± B</ins> |
| Ä ,ç ,δ ,Δ, A ± B | <big>Ä,ç,δ,Δ,A ± B</big> |
| Ä ,ç ,δ ,Δ, A ± B | <small>Ä,ç,δ,Δ,A ± B</small> |
フォントによる表示の違い
上と同様に、独語、仏語、ギリシャ文字に現れる特殊文字の表示フォントを変えた場合の見た目の変化を調べた。
フォントによる表示の違いを表１６に示す。
|
Ä ,ç ,δ ,Δ, A ± B
| <div style="font-family:serif;">Ä,ç,δ,Δ,A ± B</div> |
|
Ä ,ç ,δ ,Δ, A ± B
| <div style="font-family:sans-serif;">Ä,ç,δ,Δ,A ± B</div> |
|
Ä ,ç ,δ ,Δ, A ± B
| <div style="font-family:'ヒラギノ角ゴ Pro W3';">Ä,ç,δ,Δ,A ± B</div> |
|
Ä ,ç ,δ ,Δ, A ± B
| <div style="font-family:'ＭＳ Ｐゴシック';">Ä,ç,δ,Δ,A ± B</div> |
|
Ä ,ç ,δ ,Δ, A ± B
| <div style="font-family:'メイリオ';">Ä,ç,δ,Δ,A ± B</div> |
|
Ä ,ç ,δ ,Δ, A ± B
| <div style="font-family:monospace;">Ä,ç,δ,Δ,A ± B</div> |
Literature Cited
参考にした図書などはつぎのとおり。
- Reference Cited:
- 1) 大野義夫：「TEX入門」、共立出版(1989).
- 2) 奥村晴彦：「LaTeX2ε 美文書作成入門」（改定第5版）、技術評論社(2010).
- 3) 皆本晃弥：「やさしく学べるpLATEX2ε入門」、サイエンス社(2003).
- 4) 株式会社アンク：「ホームページ辞典 第５版 HTML・CSS・JavaScript」、翔泳社(2012).