متن پیش فرمت شده چیست؟

در اینجا چگونگی استفاده از تگ متن پیش فرمت شده در کد HTML خود استفاده می شود

هنگام اضافه کردن متن به کد HTML برای یک صفحه وب، در یک عنصر پاراگراف می گویند، شما کمی کنترل هیچکدام از مواردی را که خطوط متن شکسته می شوند یا فاصله ای که استفاده می شود، ندارید. این به این دلیل است که مرورگر وب متن را در صورت نیاز بر اساس منطقه ای که حاوی آن است، جریان می دهد. این شامل وب سایت های پاسخگو است که دارای طرح بسیار مایع است که تغییرات بر اساس اندازه صفحه ای که برای مشاهده صفحه استفاده می شود، تغییر می کند .

متن HTML یک خط که در آن نیاز به یک بار آن را به پایان منطقه حاوی آن برسد شکستن. در نهایت، مرورگر نقش بیشتری در تعیین نحوه شکستن متن از شما دارد.

از لحاظ اضافه کردن فاصله برای ایجاد یک فرمت خاص یا طرح بندی، HTML فاصله ای را که به کد اضافه شده است، از جمله فاصله، برگه یا برگه بازنویسی نمی شناسد. اگر فاصله بین یک کلمه و کلمه ای که بعد از آن قرار می گیرد، بیست فضا قرار دهید، مرورگر فقط یک فضای مجرد را در آن قرار می دهد. این به عنوان سقوط فضای سفید شناخته می شود و در واقع یکی از مفاهیم HTML است که در ابتدا با بسیاری از صنایع جدید مبارزه می کند. آنها انتظار دارند فضاپیمای اچآیو به نحوی که در برنامه ای مانند مایکروسافت ورد کار می کند، کار کند، اما فضای خالی فضای خالی HTML به هیچ وجه کار نمی کند.

در اغلب موارد، دستکاری صحیح متن در هر سند HTML دقیقا همان چیزی است که شما نیاز دارید، اما در موارد دیگر، شما واقعا می خواهید کنترل بیشتر دقیقا همانطور که فضای متن را خارج می کنید و جایی که خطوط را شکست می دهد، بیشتر می خواهید.

این به عنوان متن پیش فرمت شناخته می شود (به عبارت دیگر شما فرمت را دیکته می کنید). شما می توانید با استفاده از پیش برچسب HTML قبل از قالب بندی متن خود را به صفحات وب خود اضافه کنید.

با استفاده از برچسب
 

سالها پیش، برای مشاهده صفحات وب با بلوک های متن پیش فرمت، رایج بود. با استفاده از پیش برچسب برای تعریف بخش هایی از صفحه به صورت فرمت شده توسط تایپ خود، یک راه سریع و آسان برای طراحان وب بود تا متن را برای نمایش به همان شیوه ای که می خواستید انتخاب کنید.

این قبل از ظهور CSS برای طرح بود، زمانی که طراحان وب واقعا با استفاده از جداول و سایر روشهای HTML فقط تلاش کردند مجبور ساختن طرح بندی شوند. این (نوعی) کار می کند، زیرا متن پیش فرمت شده به عنوان متن تعریف شده است که ساختار آن از طریق قراردادهای تایپوگرافی به جای رندر HTML تعریف شده است.

امروزه این تگ به همان اندازه مورد استفاده قرار نمی گیرد زیرا CSS به ما اجازه می دهد سبک های بصری را به روش بسیار کارآمدتری نسبت به تلاش برای تحریک ظاهر شدن به HTMLمان و به این ترتیب استانداردهای وب، تفکیک واضح ساختار (HTML) و سبک (CSS) را اعمال کنیم. با این وجود ممکن است مواردی وجود داشته باشد که متن پیش فرمت شده معنی دارد مانند آدرس پستی که در آن شما می خواهید مجبور به قطع خط شود یا برای نمونه هایی از شعر که نقاط خط برای مطالعه و جریان کلی محتوای ضروری هستند.

در اینجا یکی از راه های استفاده از تگ

 HTML است: 

 Twas brillig و thes slithey آیا gyre و gimble در vabe  

HTML معمولی فضای سفید را در سند فرو می کند. این به این معنی است که بازده حمل، فضاها و کاراکترهای تب که در این متن استفاده می شود، به یک فضای سقوط می کنند. اگر شما نقل قول فوق را به یک تگ HTML معمولی مانند تگ p (paragraph) تایپ کنید، می توانید یک خط از متن را به پایان برسانید، مانند این:

Twas brillig و slisthey toves آیا خندیدند و خنجر زدند

قبل از برچسب عناصر فضای سفید را ترک می کند. بنابراین بازه های خطی، فضاها و زبانه ها در رندر مرورگر آن محتوا نگهداری می شود. قرار دادن نقل قول در یک پیش برچسب برای همان متن در این صفحه نمایش داده می شود:

Twas brillig و slisthey toves آیا خندیدند و خنجر زدند

با توجه به فونت

پیش برچسب بیش از صرف نگه داشتن فضاها و خرابی متن شما می نویسد. در اکثر مرورگرها، این فونت در یک فونت تک رنگ نوشته شده است. این باعث میشود شخصیتهای متن در عرض متناسب باشند. به عبارت دیگر نامه ای که فضا را به صورت حرف W می گیرد.

اگر شما ترجیح می دهید از فونت دیگری استفاده کنید که به جای پیش فرض یکسانی باشد که مرورگر نمایش می دهد، هنوز می توانید این را با ورق های سبک تغییر دهید و هر فونت دیگری را که می خواهید متن را رندر کنید را انتخاب کنید .

HTML5

یکی از چیزهایی که باید توجه داشته باشید این است که در HTML5، ویژگی "width" دیگر برای عنصر

 پشتیبانی نمی شود. در HTML 4.01، عرض مشخصه تعداد کاراکترهایی را که یک خط حاوی آن است، اما این برای HTML5 و فراتر از آن حذف شده است. 

ویرایش شده توسط Jeremy Girard در 2/2/17