
تگ pre در HTML
با استفاده از تگ pre در HTML میتوان یک متن با فرمت یا قالب دلخواه ایجاد کرد.
مثال
<pre>
آزمایش با قالب دلخواه است همانطور
که مشاهده میکنید
متن ما به همان شکلی نمایش داده می شود که داخل سند HTML
قرار دارد.
</pre>
تعریف و کاربرد
از تگ pre در HTML برای ساخت متن های از پیش فرمت شده با قالب دلخواه استفاده میکنیم.
متن ها درون تگ <pre>
دقیقاً به همان شکلی نمایش داده می شوند که در سند HTML نوشته شده اند و تمامی فاصله ها ، فضاهای خالی ، خط های شکسته در نظر گرفته شده و اعمال می شوند.
پشتیبانی مرورگر ها
عنصر | |||||
---|---|---|---|---|---|
<pre> | بله | بله | بله | بله | بله |
خواص عمومی
تگ pre
از خواص عمومی در HTML پشتیبانی میکند.
رویداد های عمومی
تگ pre
از رویداد های عمومی در HTML پشتیبانی میکند.
تنظیمات پیش فرض CSS
اکثر مرورگر ها عنصر pre
در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}
مثال بیشتر
در مثال زیر یک عرض فیکس شده تنظیم کرده ایم که در صورت طولانی بودن متن شاهد نوار اسکرول جهت مشاهده مابقی متن در تگ <pre>
هستیم:
ضرورت تقويت روحيّه مردم پس از جنگ
و درود خدا بر او، (وقتى امام از جنگ صفّين باز مى گشت به محلّه شباميان(1) رسيد، آواز گريه زنان بر كشتگان جنگ را شنيد، ناگاه حرب بن شرحبيل شبامى بزرگ قبيله شباميان خدمت امام رسيد، به او فرمود):
آيا آن گونه كه مى شنوم، زنان شما بر شما چيره شده اند؟ چرا آنان را از گريه و زارى باز نمى داريد؟
(حرب پياده و امام سوار بر اسب مى رفتند، به او فرمود) باز گرد، كه پياده رفتن رييس قبيله اى چون تو پشت سر من، موجب انحراف زمامدار و زبونى مؤمن است.
- شبامیان: قبیله ای از مردم هَمدان بودند.