★HTML5タグリファレンス

結果はどのようにランク付けされますか?
順位はどのように決まるのでしょうか?
2Ranking the results of your bets can be a complex task depending on your specific situation and goals. There are many different ways to rank betting results, and the choice of method often depends on what you want to achieve. The general approach for ranking betting results is as follows:
Read in-detail

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

<pre> …… 半角スペースや改行をそのまま表示する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9
Firefox1Firefox2Firefox3Firefox4
Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
Safari3Safari4Safari5
Opera6Opera7Opera8Opera9Opera10
広告



このページでは、HTML5のpre要素を解説しています。
pre要素の最新情報は、以下を参照してください。

<pre>タグは、半角スペースや改行をそのまま表示する際に使用します。
<pre>とはpreformatted textの略で、日本語では「フォーマット(整形)済みのテキスト」という意味になります。
つまり、見やすいように半角スペースや改行などで形が整えられたテキストのことです。

<pre>~</pre>で囲まれた範囲のソースは
半角スペース・改行などがそのまま表示されるため、
<pre>タグは、HTMLソースやプログラムのソースコードをそのまま表示したり、
アスキーアートを表示する場合などに使用されます。

ただし、<pre>~</pre>の中でもタグは解釈されるため、
HTMLソースをそのまま表示したい場合には、< と > を、&lt; と &gt; に置き換える必要があります。
また、HTML構文の中では、<pre>の開始タグの直後の改行は取り除かれるので注意してください。

プログラムのソースコードを表す場合には、<pre>と<code>を組み合わせて使用するのが一般的です。

<pre><code>function Panel(element, canClose, closeHandler) {
this.element = element;
this.canClose = canClose;
this.closeHandler = function () { if (closeHandler) closeHandler() };
}</code></pre>
↓↓↓

ブラウザ上の表示

function Panel(element, canClose, closeHandler) {
this.element = element;
this.canClose = canClose;
this.closeHandler = function () { if (closeHandler) closeHandler() };
}

また、プログラムによる出力結果を表す部分は<samp>、
ユーザーによる入力テキストを表す部分は<kbd>と組み合わせて表します。

<pre><samp>あなたは、ある大きな白い家の玄関の前に立っています。
目の前に小さな郵便受けがあります。

></samp> <kbd>open mailbox</kbd>

<samp>郵便受けを開けました:
一枚のチラシがあります。

></samp></pre>

↓↓↓

ブラウザ上の表示

あなたは、ある大きな白い家の玄関の前に立っています。
目の前に小さな郵便受けがあります。

> open mailbox

郵便受けを開けました:
一枚のチラシがあります。

>

■HTML4.01からHTML5へのバージョンアップによる変更点

HTML4.01ではpre要素には非推奨とされながらもwidth属性が用意されていましたが、
HTML5では廃止されています。

また、HTML5ではpre要素を使用する際には、半角スペースや改行などのフォーマット(整形)を失ってしまう場合に配慮することが推奨されています。
例えば、音声機器や点字ディスプレイで利用される場合や、アスキーアートが半角スペースや改行で整形されない場合などです。
このような状況が想定されるなら、テキスト説明などの何らかの代替手段を用意しておくほうがアクセシビリティーが高まるでしょう。

■使用例

HTMLソース

<pre>
       もしもし かめよ かめさんよ
       せかいのうちで おまえほど
       あゆみの のろい ものはない
       どうして そんなに のろいのか

       なんと おっしゃる うさぎさん
       そんなら おまえと かけくらべ
       むこうの おやまの ふもとまで
       どちらが さきに かけつくか
</pre>

↓↓↓

ブラウザ上の表示

       もしもし かめよ かめさんよ
       せかいのうちで おまえほど
       あゆみの のろい ものはない
       どうして そんなに のろいのか

       なんと おっしゃる うさぎさん
       そんなら おまえと かけくらべ
       むこうの おやまの ふもとまで
       どちらが さきに かけつくか

広告



カジノファインダー

どのカジノが自分に最適か分からないですか?

Easily find your perfect casino in under a minute, no sign up necessary.