Text フォーマット
これは太字
これは斜体
これは サブスクリプト と スーパスクリプト
この記事の概要
HTML フォーマット要素
前の章では、 HTML スタイル属性について学びました
HTMLの要素を使用して 特別な意味を持つテキストを定義する方法として
HTML要素の <b>
と <i>
で太字 と イタリック テキストを表示しました
フォーマット要素は、テキストの特殊なタイプを表示するように設計されています:
<b>
– 太字<strong>
– 重要なテキスト<i>
– 斜体のテキスト<em>
– 強調テキスト<mark>
– マークテキスト<small>
– 小さなテキスト<del>
– 削除されたテキスト<ins>
– 挿入されたテキスト<sub>
– 下付き(字幕)テキスト<sup>
– 上付きテキスト
HTML の<b> と <strong> 要素
HTMLの<b>
要素は太字 を意味するだけで,
見出しや段落などと違いSEOに特別な意味はありません
例文
<b>This text is bold</b>
HTMLの<strong>
要素は 強調
され重要性が追加された “強調” テキストをセマンティックで定義します。
例文
<strong>This text is strong</strong>
スポンサーリンク
HTML <i> と <em> 要素
HTML <i>
要素は 特別な重要性なしで斜体テキスト を定義します。
HTML <em>
要素は、強調されたテキストを定義し、セマンティックの重要性
を追加します。
例文
<em>このテキストは強調されています</em>
ノート: ブラウザには <strong>
が <b>
,として <em>
が <i>
ただし、これらのタグの意味には違いがあります。:
<b>
と <i>
は太字と斜体のテキストを定義しますが、
<strong>
と <em>
はテキストが “重要”であることを意味します。
HTML <small> 要素
HTML <small>
要素は、小さいテキストを定義します。:
例文
<h2>HTML
<small>Small</small> Formatting</h2>
スポンサーリンク
HTML <mark>要素
HTML <mark>
要素は、マーク/テキストを強調定義しています。 :
例文
<h2>HTML
<mark>Marked</mark> Formatting</h2>
HTML <del>要素
HTML <del>
要素を削除/削除テキストを定義します。
例文
<p>My favorite color is <del>blue</del> red.</p>
スポンサーリンク
HTML <ins>要素
HTML <ins>
要素が追加/テキストを挿入定義します。
例文
<p>My favorite
<ins>color</ins> is red.</p>
HTML <sub>要素
HTML <sub>
要素は添字付きのテキストを定義します。:
例文
<p>This
is <sub>subscripted</sub> text.</p>
スポンサーリンク
HTML <sup>要素
The HTML <sup>
要素は、上付きテキストを定義します。
例文
<p>This
is <sup>superscripted</sup> text.</p>
スポンサーリンク
HTML Text Formatting Elements
Tag | 説明 |
---|---|
<b> | Defines bold text |
<em> | Defines emphasized text |
<i> | Defines italic text |
<small> | Defines smaller text |
<strong> | Defines important text |
<sub> | Defines subscripted text |
<sup> | Defines superscripted text |
<ins> | Defines inserted text |
<del> | Defines deleted text |
<mark> | Defines marked/highlighted text |
さらにタグについてもっと知るには HTML Tag 辞典を参照して下さい