文字・文字列
プログラムソース
WEB ページ作成基準文字・文字列
WEB ページを記述する際の文字・文字列の取り扱い方法を示します．
．目次
文字・文字列の設定
美しく分かりやすい文書の作成には，文字・文字列のフォント設定は重要です．フォントはの特性は，インライン要素<span> を使い，クラスで指定します．具体的には，次のとおりです，
<span class="クラス名 ">文字列</span>
クラスの振る舞いは，スタイルシートで定義します．
文字修飾
文字修飾に関して，以下のクラス指定が可能です．
| 用途 | クラス | 例 |
|---|---|---|
| キーボード | <span class="key"> | Esc |
このクラスのスタイルシートは，以下のとおりです．
span.key{
color:#000000;
padding-left:3px;
padding-right:3px;
margin-left:3px;
margin-right:3px;
border:1px solid #a0a0a0;
border-radius:3px;
font-size:90%
}
数学関係
数学関係の文字の設定に関して，以下のクラス指定が可能です．
| 用途 | クラス | 例 |
|---|---|---|
| 数式 (イタリック) | <span class="maht"> | alpha |
| 下付き | <span class="sub"> | ijk |
| 上付き | <span class="super"> | -iφ |
このクラスのスタイルシートは，以下のとおりです．
span.math{
font-style:italic;
}
span.math:after{
content:"\2009";
}
span.sub{
vertical-align:sub;
font-size:80%;
}
span.super{
vertical-align:super;
font-size:80%;
}
style を直接指定
単純な場合は，文中に style を直接指定します．
| 用途 | 書き方 | 出力例 |
|---|---|---|
| 下線 | <span style="text-decoration:underline">abc</span> | abc |
HTML の特殊文字
一般記号
| カテゴリー | 表示 | HTML 記述 | Unicode |
|---|---|---|---|
| 記号 | & | & | & |
| " | " | " | |
| ' | ' | ' | |
| [空白] | |   | |
| • | • | • | |
| … | … | … | |
| · | · | · | |
| 通貨記号 | ¥ | ¥ | ¥ |
| € | € | € | |
| £ | £ | £ | |
| ¢ | ¢ | ¢ | |
| 商業 | © | © | © |
| ® | ® | ® | |
| ™ | ™ | ™ | |
| 文章 | § | § | § |
| ¶ | ¶ | ¶ |
矢印
| カテゴリー | 表示 | HTML 記述 | Unicode |
|---|---|---|---|
| 矢印 | → | → | → |
| ← | ← | ← | |
| ↑ | ↑ | ↑ | |
| ↓ | ↓ | ↓ | |
| ↔ | ↔ | ↔ | |
| ⇒ | ⇒ | ⇒ | |
| ⇔ | ⇔ | ⇔ |
数学
| カテゴリー | 表示 | HTML 記述 | Unicode |
|---|---|---|---|
| 基本演算 | + | + | + |
| − | − | − | |
| ± | ± | ± | |
| × | × | × | |
| ÷ | ÷ | ÷ | |
| ∝ | ∝ | ∝ | |
| 比較 | = | = | = |
| ≠ | ≠ | ≠ | |
| ≈ | ≈ | ≈ | |
| ≡ | ≡ | ≡ | |
| < | < | < | |
| > | > | > | |
| ≤ | ≤ | ≤ | |
| ≥ | ≥ | ≥ | |
| ≪ | ≪ | ≪ | |
| ≫ | ≫ | ≫ | |
| 微積分，和・積 | ∂ | ∂ | ∂ |
| ∇ | ∇ | ∇ | |
| ∫ | ∫ | ∫ | |
| ∑ | ∑ | ∑ | |
| ∏ | ∏ | ∏ | |
| √ | √ | √ | |
| ⋅ | ⋅ | ⋅ | |
| · | · | · |
| カテゴリー | 表示 | HTML 記述 | Unicode |
|---|---|---|---|
| 集合 | ∈ | ∈ | ∈ |
| ∉ | ∉ | ∉ | |
| ⊂ | ⊂ | ⊂ | |
| ⊃ | ⊃ | ⊃ | |
| ⊆ | ⊆ | ⊆ | |
| ⊇ | ⊇ | ⊇ | |
| ∩ | ∩ | ∩ | |
| ∪ | ∪ | ∪ | |
| ∅ | ∅ | ∅ | |
| 論理 | ¬ | ¬ | ¬ |
| ∧ | ∧ | ∧ | |
| ∨ | ∨ | ∨ | |
| ∀ | ∀ | ∀ | |
| ∃ | ∃ | ∃ | |
| その他 | ∞ | ∞ | ∞ |
| ∠ | ∠ | ∠ | |
| ⊥ | ⊥ | ⊥ | |
| ′ | ′ | ′ | |
| ″ | ″ | ″ | |
| ℏ | ℏ | ℏ | |
| ∖ | ∖ | ∖ | |
| ⊕ | ⊕ | ⊕ | |
| ⊗ | ⊗ | ⊗ | |
| ⊙ | ⊙ | ⊙ | |
| ∴ | ∴ | ∴ | |
| ∵ | ∵ | ∵ |
ギリシャ文字
ギリシャ関係の特殊文字は，以下のとおりです．
| 表示 | HTML 記述 | Unicode |
|---|---|---|
| Α | Α | Α |
| Β | Β | Β |
| Γ | Γ | Γ |
| Δ | Δ | Δ |
| Ε | Ε | Ε |
| Ζ | Ζ | Ζ |
| Η | Η | Η |
| Θ | Θ | Θ |
| Ι | Ι | Ι |
| Κ | Κ | Κ |
| Λ | Λ | Λ |
| Μ | Μ | Μ |
| Ν | Ν | Ν |
| Ξ | Ξ | Ξ |
| Ο | Ο | Ο |
| Π | Π | Π |
| Ρ | Ρ | Ρ |
| Σ | Σ | Σ |
| Τ | Τ | Τ |
| Υ | Υ | Υ |
| Φ | Φ | Φ |
| Χ | Χ | Χ |
| Ψ | Ψ | Ψ |
| Ω | Ω | Ω |
| 表示 | HTML 記述 | Unicode |
|---|---|---|
| α | α | α |
| β | β | β |
| γ | γ | γ |
| δ | δ | δ |
| ε | ε | ε |
| ζ | ζ | ζ |
| η | η | η |
| θ | θ | θ |
| ι | ι | ι |
| κ | κ | κ |
| λ | λ | λ |
| μ | μ | μ |
| ν | ν | ν |
| ξ | ξ | ξ |
| ο | ο | ο |
| π | π | π |
| ρ | ρ | ρ |
| ς | ς | ς |
| σ | σ | σ |
| τ | τ | τ |
| υ | υ | υ |
| φ | φ | φ |
| χ | χ | χ |
| ψ | ψ | ψ |
| ω | ω | ω |
| ϑ | ϑ | ϑ |
| ϕ | ϕ | ϕ |
| ϱ | ϱ | ϱ |
ページ作成情報
参考資料
更新履歴
| 2020年08月08日 | ページを分割し，新規ページに変更． |