تگ pre در HTML

HTML <pre> Tag

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

مثال:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <style>
      body {
        direction: rtl;
      }
      pre {
        font-family: "Segoe UI";
      }
    </style>
  </head>
  <body>
    <pre>
      این یک    متن  نمونه    است
             و آنچنان که
              نوشته شده
                   به
        نمایش در آمده است.
    </pre>
  </body>
</html>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

برای نمایش بهتر مثال بالا، صفحه html راست چین شده است و فونت پیشفرضِ تگ <pre> توسط ویژگی های CSS (داخل تگ <style>) تغییر کرده است.

پشتیبانی مرورگرها
تمام مرورگرها از این تگ html پشتیبانی می کنند.