معرفی و کاربرد تگ pre در HTML
معرفی و کاربرد تگ pre در HTML حفظ space line break
در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی و کاربرد عنصر <pre> در HTML می پردازیم.
عنصر pre در html
تگ <pre> متن را به صورت preformatted نمایش می دهد. ( خطوط و فاصله های اضافه در نظر گرفته شده را حفظ می کند ).
به عبارت دیگر تگ <pre> همان چیزی را که در سند HTML می نویسید، حتی اگر کد و کاراکترهای خاص و… باشد را به همان شکل در مرورگر اینترنتی به نمایش در می آورد.
متن در عنصر <pre> در یک پهنای فونت ثابت ( معمولا Courier ) ، و حفظ همان مقدار فضای خالی و پرش به خط بعد نمایش داده می شود.
عنصر <pre> مانند بسیاری از تگ ها در سند HTML دارای یک تگ باز ( opening tag ) و یک تگ بسته ( closing tag ) می باشد.
نکته مهم در مورد تگ <pre> در اچ تی ام ال
از عنصر <pre> هنگام نمایش متن در یک حالت غیر معمول یا به نوعی نمایش کد کامپیوتری داخل صفحه html استفاده می شود.
مثال در مورد عنصر <pre> در 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>
خروجی کد در مرورگر اینترنتی
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) |
ویژگی های عمومی تگ <pre> در HTML5
عنصر <pre> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
رویدادهای عمومی تگ pre در اچ تی ام ال
عنصر <pre> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.
برای کسب اطلاعات بیشتر در مورد یادگیری طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
پشتیبانی مرورگرها از عنصر pre در html
عنصر <pre> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
معرفی و کاربرد تگ pre در HTML حفظ space line break اچ تی ام ال – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید