برچسب <pre> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
متن پیش‌فرض را تعریف می‌کند
معرفی شده در نسخهٔ:۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:به پائین مراجعه کنید

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

متن پیش‌قالب‌بندی‌شده:

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>


موار بیشتری از «خودتان امتحان کنید» در زیر.

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

برچسب <pre> متن پیش‌قالب‌بندی‌شده (preformatted text) را تعریف می‌کند.[۱]

متن درون عنصر <pre> با فونت دارای پهنای ثابت (معمولا Courier) نمایش داده می‌شود، و معمولاً هر دوی فاصله و شکست خطوط (پرش به خط بعدی) را حفظ می‌کند.

برچسب شرح
<code> این برچسب قطعه ای از کد رایانه را تعریف می‌کند
<samp> این برچسب نمونهٔ خروجی از یک برنامهٔ رایانه‌ای را تعریف می‌کند.
<kbd> این برچسب ورودی صفحه‌کلید (کیبورد) را تعریف می‌کند
<var> این برچسب یک متغیر را تعریف می‌کند.

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<pre> بله بله بله بله بله

نکات و ملاحظات

نکته: از عنصر <pre> هنگام نمایش متن با قالب‌بندی غیرمعمول، یا یک جور از کد رایانه‌ای استفاده کنید.

ویژگی‌های سراسری

همچنین برچسب <pre> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <pre> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

مثال‌های بیشتر

مثال

چگونه یک متن پیش‌قالب‌بندی‌شده با پهنای ثابت ایجاد کنیم (با CSS):

<div style="width:200px;overflow:auto">
<pre>This is a pre with a fixed width. It will use as much space as specified.</pre>
</div>


صفحات مرتبط

آِموزش اچ‌تی‌ام‌ال: قالب‌بندی متن در اچ‌تی‌ام‌ال (HTML Text Formatting)

مرجع DOM اچ‌تی‌ام‌ال: شیء Pre (Pre Object)

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

بیشتر مرورگرها عنصر <pre> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

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


منابع آموزشی