cman.jpWEBページ作成
広告
<pre> 「そのまま表示」[読み方：プレ または プレフォーマット]
<pre>タグは、半角スペースや改行をそのまま表示します。
プログラムのコードや詩を表示する場合に使用します。
プログラムのコードを表示する場合は、<code>と組み合わせて使用されます。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | ○ | ○ |
広告
<pre> の仕様
| カテゴリー | 使用できる場所（親要素） | コンテンツモデル（子要素） | タグ省略 |
|---|---|---|---|
| フローコンテンツ | フローコンテンツを子要素にもてる場所 | フレージングコンテンツ | 不可 |
<pre> の属性
【構文】
<pre>～文書～</pre>
<pre>タグのサンプル
<pre>タグのみのサンプル
<code>と組み合わせたサンプル
<kbd>、<samp>と組み合わせたサンプル
ページTOP
<pre>
ゆりかごの歌を かなりやがうたうよ
ねんねこ ねんねこ ねんねこよ
ゆりかごの上に びわの実がゆれるよ
ねんねこ ねんねこ ねんねこよ
</pre>
ゆりかごの歌を かなりやがうたうよ
ねんねこ ねんねこ ねんねこよ
ゆりかごの上に びわの実がゆれるよ
ねんねこ ねんねこ ねんねこよ
</pre>
ゆりかごの歌を かなりやがうたうよ ねんねこ ねんねこ ねんねこよ ゆりかごの上に びわの実がゆれるよ ねんねこ ねんねこ ねんねこよ
<code>と組み合わせたサンプル
<pre>
<code>
<script type="text/javascript">
function jsMsg(){
alert("マウスが上移動しました");
}
</script>
<div onmouseover="jsMsg();">
ここにマウスでメッセージが表示されます
</div>
</code>
</pre>
<code>
<script type="text/javascript">
function jsMsg(){
alert("マウスが上移動しました");
}
</script>
<div onmouseover="jsMsg();">
ここにマウスでメッセージが表示されます
</div>
</code>
</pre>
<script type="text/javascript">
function jsMsg(){
alert("マウスが上移動しました");
}
</script>
<div onmouseover="jsMsg();">
ここにマウスでメッセージが表示されます
</div>
<kbd>、<samp>と組み合わせたサンプル
<pre>
メニューの<kbd><samp>CSSリファレンス</samp></kbd>を選択すると、Styleを使用したサンプルを確認できます。
</pre>
メニューの<kbd><samp>CSSリファレンス</samp></kbd>を選択すると、Styleを使用したサンプルを確認できます。
</pre>
留意事項
- <pre>タグの開始タグの直後の改行文字は削除されます。
- <pre>タグ内でもタグは解釈されるため、HTMLソースをそのまま表示する場合は、「<」,「>」,「&」,「"」などは、文字参照（「<」,「>」,「&」,「"」）での記載が必要です。
広告