تگ <pre></pre> در html - وب سایت PNLdev

یک نمونه ساده از تگ <pre>:

<pre>
    متن نوشته شده با یک فونت اولیه
 	
    
    و با عرض ثابت نمایش داده میشود
	این متن فاصله ها
	و شکستگی های خط را،    حفظ می کند
</pre>

آزمایشگاه

تعریف و کاربرد

تگ <pre> برای نمایش متن از پیش فرمت شده استفاده می شود.

به زبان ساده تر اگر شما بخواهید متنی را در HTML بنویسید و به همان صورتی که نوشته شده در مرورگر نمایش داده شود، از تگ <pre> استفاده می کنیم.

مثلا می خواهیم در یک متن بین دو کلمه چند فاصله (space) بگزاریم یا مثلا در جایی اجبارا به خط بعد برویم.

مرورگر ها برای محتوای داخل این تگ از فونت monospace استفاده می کند.

تگ های مرتبط با <pre>:

تگ	توضیحات
<code>	نمایش کد کامپیوتری font-family: monospace
<samp>	نمایش خروجی کد کامپیوتری font-family: monospace
<kbd>	نمایش دکمه های کیبورد font-family: monospace
<var>	نمایش متغیر و عبارت ریاضی font-style: italic
<pre>	متن از پیش فرمت شده font-family: monospace استایل های پیشفرض دیگری هم دارد

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<pre>

تگ <pre> از ویژگی های سراسری HTML پشتیبانی می کند.

تگ <pre> از ویژگی های رویداد HTML پشتیبانی می کند.

بیشتر مرورگر ها تگ <pre> را با استایل پیشفرض زیر نمایش می دهند:

pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
}