آموزش HTML – تگ pre

نویسنده : مرتضی گنج | تاریخ انتشار : 2020/01/14 | بخش : آموزش HTML

تعریف و کاربرد تگ pre در HTML

تگ <pre> تگی است که با استفاده از آن می توان یک متن سفارشی یا مثلا یک متن یا محتوا با فرمت دلخواه را درون یک صفحه وب ایجاد کرد.

همون طور که میدانید در زبان HTML در حالت عادی ما نمی تونیم متنی را بصورت دلخواه با فرمت دلخواه ایجاد نماییم، بفرض مثال ما نمی توانیم در یک پاراگراف در حالت عادی هرچقدر که بخوایم بین کلمات فاصله بندازیم یا دیگر موارد.

ولی ما با استفاده از تگ <pre> به راحتی می توانیم هر متنی را با هر نوع فرمتی که بخوایم در یک صفحه وب ایجاد نماییم.

  • تگ <pre> متن را به صورت preformatted نمایش می دهد. (خطوط و فاصله های اضافه در نظر گرفته شده را حفظ می کند).
  • متن در تگ <pre> در یک پهنای فونت ثابت (معمولا Courier)، و حفظ همان مقدار فضای خالی و پرش به خط بعد نمایش داده می شود.
  • از تگ <pre> هنگام نمایش متن در یک حالت غیر معمول یا به نوعی نمایش کد کامپیوتری داخل صفحه HTML استفاده می شود.

 

 

تفاوت بین HTML 4.01 و HTML5
  • خصوصیت “width” در HTML5 پشتیبانی نمی شود.

 

مثال از تگ pre در HTML

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

تمرین کنید !

 

پشتیبانی مرورگرها از تگ pre در HTML

Element
<pre> بله بله بله بله بله

 

جدول صفات تگ pre در HTML

نام صفت  مقدار توضیح
width number در HTML5 پشتیبانی نمی شود.

تعداد ماکزیمم کاراکترهایی که برای هر line قرار می گیرد را مشخص می کند.