preの使い方についてまとめ

preの概要

preタグはpreformatted text（整形済みテキスト）のことです。pre要素内のテキスト（スペースや改行も含む）はレイアウトそのままに表示されます。例えば、ソースコードなどを表示する際に使用します。

注意点

「<」「>」「&」などは特殊文字として認識されるため、「&lt;」「&gt;」「&amp;」と記述することでブラウザ上で正しく表示されます。

preのカテゴリー

コンテンツカテゴリー

preに入れられるタグ一覧

タグ早見表

a abbr area audio b bdo br button canvas cite code data datalist del dfn em embed i iframe img input ins kbd label link map mark math meta meter noscript object output progress q ruby samp script select small span strong sub sup svg textarea time var video wbr テキスト

入れられるタグのカテゴリー・モデル

preに使える属性

よく使うグローバル属性

id 概要 要素に対してID固有の識別名を付けることができます。
属性の値 英字から始まる英数字
class 概要 要素に対して分類名を付けることができます。
属性の値 英字から始まる英数字
style 概要 要素に対して直接スタイルを指定することができます。
属性の値 スタイルシートのコード
グローバル属性一覧はこちら

スポンサードサーチ

preの使い方



ブラウザ対応状況

ブラウザの対応（PC)
Chrome あり
Safari あり
Internet Explorer あり
Edge あり
Firefox あり
Opera あり
ブラウザの対応（SP)
Chrome あり
Safari あり
Samsung Internet あり