تگ Pre در HTML این امکان را به شما می دهد تا متن یا محتوا را با فرمت دلخواه تان در صفحه وب نمایش دهید. در ادامه برای آشنایی با کاربرد و نحوه استفاده از تگ Pre همراه داتیس نتورک باشید.
تگ Pre در HTML چیست؟
این تگ از کلمه PreFormatted گرفته شده است و به معنی پیش فرمت می باشد.
و این امکان را به شما می دهد تا متن یا محتوا خود را با فرمت دلخواه تان در صفحه وب به وجود آورید.
ما نمی توانیم در تگ های دیگر مانند P (پاراگراف) چنین قابلیتی داشته باشیم که متن مان با همان ویژگی هایی که در آن اعمال می شود، نمایش داده شوند.
آشنایی با کاربرد و نحوه استفاده از تگ Pre
هر ویژگی خاصی که در این تگ برای متن یا محتوای خود اعمال کنید (فونت و فاصله و…) در صفحه وب به همان گونه نمایش داده می شوند.
یعنی اگر شما بین هر کلمه چندین فاصله قرار دهید در خروجی نیز همان به شما نمایش داده می شود.
در واقع این تگ تمام ویژگی هایی که شما در متن تان ایجاد می کنید، مانند فونت و فاصله و… را حفظ می کند.
به تصویر دقت کنید.
این تگ از تمامی رویداد های عمومی و صفات عمومی در HTML پشتیبانی می کند.
همچنین تگ Pre در تمامی مرورگر های معتبر مانند Google Chrome و Firefox و Safari و Opera و… پشتیبانی می شود.
استفاده از CSS
در این قسمت از مقاله ما قصد داریم به شما آموزش دهیم که اگر از CSS در تگ خود استفاده کنیم، چه استایلی می توانیم به آن بدهیم.
همان طور که در تصویر مشاده کردید، تفاوت زیادی بین استفاده کردن و نکردن از CSS در تگ Pre وجود دارد.
متنی که در آن از سی اس اس استفاده شده است، به صورت کامل قابل مشاهده نیست.
و شما برای دیدن بقیه متن باید به سمت راست اسکرول کنید.
امیدواریم این مقاله برای شما مفید بوده باشد.
داتیس نتورک را در شبکه های اجتماعی دنبال کنید.