কম্পিউটার টিউটোরিয়াল

HTML <frame> ট্যাগ (অপ্রচলিত)


HTML <frame> ট্যাগ

<frame> ট্যাগ একটি ফ্রেম তৈরি করে এবং <frameset> এর ভিতরে একটি উইন্ডো ফ্রেম ডিফাইন করে।

গুরুত্বপূর্ণ: <frame> এবং <frameset> ট্যাগগুলো HTML5-এ ডিপ্রিকেইটেড। আধুনিক ওয়েব ডেভেলপমেন্টে এগুলো ব্যবহার করা উচিত নয়। বদলে <iframe>, CSS Grid/Flexbox, বা AJAX-ভিত্তিক লেআউট ব্যবহার করুন।

অ্যাট্রিবিউটসমূহ (শুধু রেফারেন্সের জন্য)

অ্যাট্রিবিউট বিবরণ
frameborder ফ্রেমের চারপাশে বর্ডার দেখাবে
longdesc ফ্রেমের কন্টেন্টের লম্বা বিবরণের পেজ
marginheight ফ্রেমের উপরের ও নিচের মার্জিন
marginwidth ফ্রেমের বাম ও ডান মার্জিন
name ফ্রেমের নাম (টার্গেটিংয়ের জন্য)
noresize ফ্রেম রিসাইজ করা যাবে না
scrolling স্ক্রোলবার দেখাবে কিনা (yes/no/auto)
src ফ্রেমে দেখানোর ডকুমেন্টের URL

উদাহরণ (লিগ্যাসি কোড)

<!DOCTYPE html>
<html>
<frameset cols="30%,30%,20%,20%">
  <frame src="https://www.tutorialspoint.com/codingground.htm">
  <frame src="https://store.tutorialspoint.com/">
  <frame src="https://www.tutorialspoint.com/tutorialslibrary.htm">
  <frame src="https://www.tutorialspoint.com/programming_examples/">
</frameset>
</html>

আউটপুট

HTML <frame> ট্যাগ (অপ্রচলিত)

ব্যাখ্যা

<frameset cols="30%,30%,20%,20%">
  <frame src="...">
  <frame src="...">
  <frame src="...">
  <frame src="...">
</frameset>

ফ্রেমসেটে ৪টি কলামের প্রমাণ: ৩০%, ৩০%, ২০%, ২০%।

আধুনিক বিকল্প

পুরানো পদ্ধতি আধুনিক বিকল্প
<frameset> + <frame> <iframe> (এম্বেডেড কন্টেন্ট)
ফ্রেম-ভিত্তিক লেআউট CSS Grid / Flexbox
ফ্রেম নেভিগেশন SPA রাউটিং (React Router, Vue Router ইত্যাদি)
  1. HTML <time> ট্যাগ

  2. HTML <dl> ট্যাগ

  3. HTML <embed> ট্যাগ

  4. HTML <dfn> ট্যাগ