機能別:べたテキスト(配置)

整形ずみテキスト べたテキスト (xmp) べたテキスト (listing) べたテキスト (plaintext)

■説明

べたテキストのイメージをそのまま表示したい場合に用いる。 <pre>〜</pre>の間ではスペースや改行がそのまま表示される。

■サンプル

記述例
<pre>
たとえば、このように記述したとしても
自動改行でもされない限り、数行にわたる文章にはならないが、
このべたテキストのタグをもちいると記述した文章のまま表示される。
</pre>
表示例
 
たとえば、このように記述したとしても 
自動改行でもされない限り、数行にわたる文章にはならないが、 
だから、上の行の様に文章の途中で行頭に空白を開けることも容易にできる。
				
注意
<pre>で囲まれた範囲は等幅フォントになるが、全角文字と半角文字の比が2:1でないことが多いために、 日本語のテキストは微妙にずれてしまう。 これを避けるために、全角スペース文字などを駆使し全角文字数をあわせることが美しく表示させるためのポイントである。

IE2.0やIE3.0では、<pre>で囲まれたテキストが妙に小さく (<small> <tt>で囲んだ程度に)表示されてしまう。 また、IE2.0やIE3.0では<pre>直後の改行が有効になるので、 最初の1行は<pre>と同じ行に記述した方が見栄えがよくなる。

また、<pre>を用いた文章は改行位置を固定してしまうことになり、 横方向に狭いブラウザで見ると1行毎に左右スクロールをさせなければ読めない文章になってしまう。

いずれにしても、<pre>を使用した場合は、他のブラウザでどのように見えるのか、確認することを強く勧める。

Copyright (C) 1998 Arbel's BOX