تگ pre در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ pre در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ pre چیست؟

تگ pre که اشاره به عبارت Preformatted Text دارد و معنای آن به زبان فارسی متن از پیش تعریف شده می شود برای ایجاد متن با فرمت دلخواه به کار می رود.

به عنوان مثال در کد زیر متنی را با فرمت دلخواه درون تگ p یا تگ پاراگراف قرار می دهیم.

<p>
HTML     pre     Tag
       Example
</p>

نتیجه به چه شکل است؟

HTML pre Tag Example

چرا متن به شکل دیگری نمایش داده میشه؟

چطور می توان همان متن را با همان فرمت نمایش داد؟

تگ pre: بسپرش به من 😎

این تگ با <pre> شروع شده و با </pre> پایان می یابد.

<pre>Text</pre>

مثال تگ pre

کد:

<pre>
HTML     pre     Tag
       Example
</pre>

اجرا

تنظیمات پیش فرض CSS

تنظیمات پیش فرض CSS تگ pre در اکثر مرورگرها به صورت زیر است:

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

سازگاری با مرورگرها

تگ pre با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS