এইচটিএমএল <pre> ট্যাগ
<pre> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<pre> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
<pre> ট্যাগ দিয়ে প্রি-ফরম্যাটেড(preformatted) টেক্সটকে বুঝায়।
<pre> এলিমেন্ট টেক্সটগুলোকে fixed-width ফন্টে(সাধারণত Courier) দেখায় এবং এটি সকল স্পেস ও লাইন ব্রেককে সংরক্ষন করে।
নিচের উদাহরণে <pre> এলিমেন্ট ব্যবহার করে কিভাবে প্রি-ফরম্যাটেড(preformatted) টেক্সটকে স্পেস ও লাইন ব্রেক সংরক্ষন করে ব্রাউজারে প্রদর্শন করতে হয় তা দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<pre>
pre এলিমেন্টের মধ্যে একাধিক স্পেস
লাইন ব্রেক, ফন্ট যেভাবে লেখা
হবে ঠিক সেভাবেই ব্রাউজারে প্রদর্শিত হবে।
</body>
</html>
ফলাফল
টীকা ও মন্তব্যঃ
- স্বাভাবিকের চেয়ে ভিন্ন ফরম্যাটের টেক্সট প্রদর্শনের জন্য
<pre>এলিমেন্ট ব্যবহার করুন। এছাড়া কম্পিউটার কোড দেখানোর জন্যও ব্যবহার করতে পারেন।
এট্রিবিউট
নিচের টেবিলে <pre> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ননা |
|---|---|---|
| width | number | এইচটিএমএল(৫)-এ সাপোর্ট করে না। প্রতি লাইনে সর্বোচ্চ কতোটি ক্যারেক্টার থাকবে তা নির্ধারণ করে। |
<pre> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<pre> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <pre> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}