HTML <tt> ট্যাগ

HTML <tt> ট্যাগ چی? (অপ্রচলিত)

<tt> (Teletype Text) এলিমেন্টটি HTML-এ কীবোর্ড ইনপुट বা মনোস্পেস (monospace) ফন্টে টেক্সট দেখানোর জন্য ব্যবহৃত হতো। কিন্তু HTML5-এ এটি ডিপ্রিকেইটেড (deprecated) এবং আর সমর্থিত নয়।

চেতাবনী: <tt> ট্যাগটি আধুনিক ব্রাউজারে কাজ করতে পারে, কিন্তু নতুন প্রজেক্টে এটি ব্যবহার করা উচিত নয়। বদলে <kbd> (কীবোর্ড ইনপুট), <code> (কোড স্নিপেট), বা <samp> (স্যাম্পল আউটপুট) ব্যবহার করুন।

সিনট্যাক্স (শুধু রেফারেন্সের জন্য)

<tt>মনোস্পেস টেক্সট</tt>

উদাহরণ (পুরানো স্টাইল)

<!DOCTYPE html>
<html>
<body>
  <h2>শর্টকাট কী</h2>
  <p>নিচের শর্টকাট কীগুলো ব্যবহার করুন:</p>
  <p><strong>Cut</strong>: <kbd>CTRL</kbd>+<kbd>X</kbd></p>
  <p><strong>Copy</strong>: <kbd>CTRL</kbd>+<kbd>C</kbd></p>
  <p><strong>Paste</strong>: <kbd>CTRL</kbd>+<kbd>V</kbd></p>
  <p><strong>Undo</strong>: <kbd>CTRL</kbd>+<kbd>Z</kbd></p>
</body>
</html>

আউটপুট

HTML <tt> ট্যাগ

আধুনিক বিকল্পসমূহ

ট্যাগ	উপযোগিতা	উদাহরণ
`<kbd>`	কীবোর্ড ইনপুট	`<kbd>Ctrl</kbd> + <kbd>C</kbd>`
`<code>`	ইনলাইন কোড/কমান্ড	`<code>npm install</code>`
`<samp>`	প্রোগ্রাম আউটপুট	`<samp>Error: 404</samp>`
`<pre>`	বহু-লাইন কোড ব্লক	`<pre><code>...</code></pre>`

সেরা অনুশীলন

নতুন কোডে <tt> এড়িয়ে চলুন।
কীবোর্ড শর্টকাটের জন্য <kbd> ব্যবহার করুন।
CSS-এ font-family: monospace; দিয়ে মনোস্পেস ফন্ট নিশ্চিত করুন।