প্রি-ফরম্যাটেড টেক্সট কি?

এখানে আপনার এইচটিএমএল কোড প্রাক প্রমিত টেক্সট ট্যাগ ব্যবহার করা হয় কিভাবে

যখন আপনি ওয়েব পেজের জন্য এইচটিএমএল কোডে টেক্সট যোগ করবেন, তখন অনুচ্ছেদের উপাদানতে বলুন, পাঠের লাইনগুলি কি ভাঙ্গবে বা যে স্পেসিংটি ব্যবহার করা হবে তার উপর আপনার কোন নিয়ন্ত্রণ নেই। এটা কারণ ওয়েব ব্রাউজার এটি ধারণকারী এলাকায় উপর ভিত্তি করে প্রয়োজন হিসাবে পাঠ্য প্রবাহিত হবে। এতে প্রতিক্রিয়াশীল ওয়েবসাইটগুলি রয়েছে যা খুব তরল বিন্যাসে থাকবে যা পৃষ্ঠার আকারের উপর ভিত্তি করে পরিবর্তিত পৃষ্ঠাটি দেখতে ব্যবহৃত হয়

এইচটিএমএল টেক্সট একটি লাইন ভেঙ্গে যাবে যেখানে এটি তার ধারণকারী এলাকার শেষে পৌঁছেছে একবার প্রয়োজন। শেষ পর্যন্ত, আপনার তুলনায় পাঠ্য বিভাজন কীভাবে তা নির্ধারণে ব্রাউজার একটি ভূমিকা পালন করে।

নির্দিষ্ট ফরম্যাট বা লেআউট তৈরির জন্য ফাঁকাকরণ যোগ করার শর্তে, এইচটিএমএল স্পেসবার, ট্যাব বা ক্যারেজ রিটার্ন সহ কোডে যোগ করা স্পেসিংকে সনাক্ত করে না। যদি আপনি এক শব্দ এবং এর পরে আসে যে শব্দ মধ্যে 20 টি স্থান রাখা, ব্রাউজার সেখানে শুধুমাত্র একটি একক স্থান রেন্ডার হবে। এই সাদা স্থান পতন হিসাবে পরিচিত এবং এটি আসলে এইচটিএমএল এর ধারণা এক যে প্রথম সঙ্গে শিল্প সংগ্রামের অনেক নতুন। তারা এইচটিএমএল হোয়াইট স্পেসটি মাইক্রোসফ্ট ওয়ার্ডের মতো প্রোগ্রামে কাজ করার উপায় আশা করে, কিন্তু এভাবে এইচটিএমএল হোয়াইট স্পেস কীভাবে কাজ করে না?

বেশীরভাগ ক্ষেত্রে, যেকোনো HTML ডকুমেন্টের পাঠ্য স্বাভাবিকভাবে হ্যান্ডলিং ঠিক আপনারই প্রয়োজন, কিন্তু অন্য দৃষ্টিকোণগুলিতে, আপনি প্রকৃতপক্ষে আরো বেশি নিয়ন্ত্রণ করতে পারেন যে পাঠ্যটি স্পেসের বাইরে কীভাবে এবং কোথায় এটি লাইন ভাঙ্গে

এটি পূর্ব-ফরম্যাট করা পাঠ্য হিসাবে পরিচিত (অন্য কথায়, আপনি বিন্যাসটি নির্দেশ করে)। আপনি এইচটিএমএল প্রাক ট্যাগ ব্যবহার করে আপনার ওয়েব পেজগুলিতে প্রাক-ফরম্যাট করা টেক্সট যোগ করতে পারেন।

 ট্যাগ ব্যবহার করে 

অনেক বছর আগে, এটি পূর্ব-ফরম্যাটযুক্ত পাঠ্যের ব্লকের ওয়েব পেজগুলি দেখতে সাধারণভাবে ব্যবহৃত হয়। ওয়েব ডিজাইনারদের জন্য পাঠ্যটি প্রদর্শন করার জন্য একটি দ্রুত এবং সহজ উপায়, যেমনটি তারা চাইতে চেয়েছিলেন সেভাবে পৃষ্ঠাটির বিভাগগুলিকে সংজ্ঞায়িত করার জন্য পূর্ব ট্যাগ ব্যবহার করে।

এই লেআউটের জন্য CSS এর উত্সের আগে, যখন ওয়েব ডিজাইনার সত্যিই টেবিল এবং অন্যান্য HTML- শুধুমাত্র পদ্ধতি ব্যবহার করে লেআউট জোর চেষ্টা করার জন্য আটকে ছিল। এই (kinda) কাজ করে কারণ প্রাক-ফরম্যাট করা পাঠ্যটি টেক্সট হিসাবে সংজ্ঞায়িত করা হয় যেখানে HTML রেন্ডারিংের পরিবর্তে গঠনটি দ্বারা মুদ্রণীয় কনফিগারেশন দ্বারা সংজ্ঞায়িত করা হয়।

আজ, এই ট্যাগটি যতটা বেশি ব্যবহার করা হয় না, কেননা CSS আমাদের এইচটিএমএল-এ চেহারা জোর করার চেষ্টা করার চেয়ে অনেক বেশি কার্যকরী পদ্ধতিতে ভিজ্যুয়াল স্টাইলকে নির্দেশ করে দেয় এবং ওয়েব মানগুলি গঠন (এইচটিএমএল) এবং শৈলী (CSS) এর একটি পৃথক বিচ্ছিন্নতা নির্দেশ করে। তবুও, কিছু প্রাক-ফরম্যাট পাঠ্য বজায় রাখতে পারে, যেমন একটি মেইলিং ঠিকানা যেখানে আপনি লাইন বিরতি জোর করতে চান বা কাব্যের উদাহরণগুলির জন্য যেখানে লাইন বিরতি সামগ্রী পড়ার এবং সামগ্রিক প্রবাহের জন্য অপরিহার্য।

এখানে HTML

 ট্যাগ ব্যবহার করার একটি উপায় হল: 

<প্রাক> Twas brillig এবং slithey toves wabe মধ্যে gyre এবং gimble ছিল

ডকুমেন্টে স্পষ্ট এইচটিএমএল সাদা স্পেস কমাচ্ছে। এর মানে এই যে এই পাঠে ব্যবহৃত ক্যারেজ রিটার্ন, স্পেস এবং ট্যাব অক্ষরগুলি এক স্থান থেকে সরে যাবে। যদি আপনি পিপ (অনুচ্ছেদ) ট্যাগের মতো একটি সাধারণ এইচটিএমএল ট্যাগের উপরে উদ্ধৃত উদ্ধৃতি লিখেন, তাহলে আপনি এর মত একটি লাইনের টেক্সট দিয়ে শেষ হবে:

টাওস ব্রিলিগ এবং স্লিথেই টুভস গেইর এবং জিমেবলে ওয়বে

পূর্ব ট্যাগটি সাদা স্পেস অক্ষরকে যেমনটি দেয় তেমনি থাকে। তাই লাইন বিরতি, স্পেস এবং ট্যাবগুলি সমস্ত ব্রাউজারের যে বিষয়বস্তু রেন্ডারিং মধ্যে রক্ষণাবেক্ষণ করা হয়। একই পাঠ্যের জন্য একটি প্রাক ট্যাগের মধ্যে উদ্ধৃতি চিহ্নটি এই ডিসপ্লেতে পরিনত হবে:

টাওস ব্রিলিগ এবং স্লিথেই টুভস গেইর এবং জিমেবলে ওয়বে

ফন্ট সংক্রান্ত

পূর্ব ট্যাগটি কেবল আপনার লেখা লেখাটির জন্য স্পেস এবং বিরতি বজায় রাখার চেয়ে আরও বেশি কিছু। বেশিরভাগ ব্রাউজারেই, এটি একটি মনিপাস ফন্টের মধ্যে লেখা আছে। এটি অক্ষরের অক্ষর সকল সমান প্রস্থে তৈরি করে। অন্য কথায়, চিঠিটি আমি চিঠি হিসাবে হিসাবে অনেক স্থান আপ লাগে

আপনি ডিফল্ট monospace- এর পরিবর্তে অন্য একটি ফন্ট ব্যবহার করতে পছন্দ করেন যা ব্রাউজার প্রদর্শন করে, আপনি এখনও স্টাইল শীটগুলির সাথে এটি পরিবর্তন করতে পারেন এবং অন্য কোনও ফন্ট নির্বাচন করতে চান যা পাঠ্যটি রেন্ডার করতে চান

HTML5 এর

এক জিনিস মনে রাখবেন যে, HTML5 তে, "প্রস্থ" বৈশিষ্ট্যটি

 উপাদানটির জন্য আর সমর্থিত হয় না এইচটিএমএল 4.01 তে, প্রস্থটি একটি লাইনের অক্ষরে অক্ষরের সংখ্যা উল্লেখ করে, কিন্তু এটি HTML5 এর ওপরে এবং এর পরেও বাদ দেওয়া হয়েছে 

২/2/17 তারিখে জেরেমি গিয়ার্ড দ্বারা সম্পাদিত