<listing> タグを解釈してソースをそのまま表示する
| 取り扱い | 廃止された要素 |
| カテゴリ |
なし |
| 親にできる要素 | ― |
| 子にできる要素 | ― |
| 対応ブラウザ | caniuseで確認 |
このタグは非推奨または廃止になりました。新しく作るウェブサイトへの使用は避けて下さい。また、既存のソースコードの中に含まれている場合は更新をお勧めします。詳しくは現行の標準仕様に従って下さい。
<listing>タグの説明
<listing>は、ソースコードや改行やスペースを、そのまま表示させたい場合に使用します。この要素の範囲に書かれた内容は、基本的に等幅フォントで表示されます。
ただし、HTML4.0以後のバージョンで廃止されたため、代わりに<pre>を使用して下さい。
<listing>タグの特徴
- レイアウトの初期値はブロックレベルです。文章の改行に影響を与えます。
- 視覚的な効果は特に与えられません。ブラウザによっては等幅フォントが適用されます。
- 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にすることはできません。
<listing>に指定できる主な属性
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<listing>の使い方とサンプル
このタグを使ったマークアップのサンプルです。
HTML
<listing>
改行や スペースを
そのまま 表示します。
</listing>
表示確認