معرفی و کاربرد تگ pre در HTML حفظ space line break

معرفی و کاربرد تگ pre در HTML حفظ space line break

در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی و کاربرد عنصر <pre> در HTML می پردازیم.

تگ pre در html

معرفی و کاربرد تگ pre در HTML حفظ space line break - سایت آموزی

تگ <pre> متن را به صورت preformatted نمایش می دهد. ( خطوط و فاصله های اضافه در نظر گرفته شده را حفظ می کند ).

به عبارت دیگر تگ <pre> همان چیزی را که در سند HTML می نویسید، حتی اگر کد و کاراکترهای خاص و… باشد را به همان شکل در مرورگر اینترنتی به نمایش در می آورد.

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

تگ <pre> مانند بسیاری از تگ ها در سند HTML دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.

نکته مهم در مورد تگ <pre> در اچ تی ام ال

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

مثال در مورد تگ <pre> در html

[html]<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks / code = <p>it is a preformatted code</p>
</pre>[/html]

خروجی کد در مرورگر اینترنتی

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

بررسی تگ <pre> در HTML 4.01 و HTML5

خصوصیت width یک خصوصیت جدید است که تنها در HTML5 پشتیبانی می شود. و در HTML4.01 و نسخه های قدیمی تر پشتیبانی نمی شود.

خصوصیات ویژه تگ <pre> در html


صفت خصوصی تگ dir	مقدار صفت	توضیحات
width	number	تعداد کاراکترهای مجاز که در هر line می تواند قرار بگیرد را مشخص می کند. (منسوخ در HTML5)