معرفی و کاربرد تگ 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

ویژگی های عمومی تگ <pre> در HTML5

تگ <pre> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

رویدادهای عمومی تگ pre در اچ تی ام ال

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

پشتیبانی مرورگرها از تگ <pre> در html

تگ <pre> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ pre در HTML حفظ space line break اچ تی ام ال – اختصاصی سایت آموزی