এইচটিএমএল সিএসএস বুটস্ট্রাপ জাভাস্ক্রিপ্ট জেকুয়েরি
লগইন
 

এইচটিএমএল <iframe> ট্যাগ


<iframe> ট্যাগের ব্রাউজার সাপোর্ট



এলিমেন্ট Google Chrome Edge/IE Mozila Firefox Safari Opera
<iframe> সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন




সংজ্ঞা ও ব্যবহার

<iframe> ট্যাগের মাধ্যমে একটি ইনলাইন ফ্রেমকে বুঝায়।

একটি ইনলাইন ফ্রেমের মাধ্যমে বর্তমান এইচটিএমএল ডকুমেন্টের মধ্যে অন্য আরেকটি ডকুমেন্টকে অন্তর্ভূক্ত করার জন্য ব্যবহার করা হয়। নিচের উদাহরণটি লক্ষ্য করলে বিষয়টি সহজেই বুঝতে পারবেন।



নিচে উদাহরণে একটি ইনলাইন ফ্রেম দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<body>

  <iframe src="http://sattacademy.com" width="500" height="380">
    <p>আপনার ব্রাউজারে আইফ্রেম সাপোর্ট করে না।</p>
  </iframe>

</body>
</html>

ফলাফল





টীকা ও মন্তব্যঃ



এট্রিবিউট

নিচের টেবিলে <iframe> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ

এট্রিবিউট ভ্যালু বর্ণনা
align left
right
top
middle
bottom
এইচটিএমএল(৫)-এ সাপোর্ট করে না।
চারপাশের এলিমেন্টের উপর ভিত্তি করে <iframe> এর alignment নির্ধারণ করে।
frameborder 1
0
এইচটিএমএল(৫)-এ সাপোর্ট করে না।
<iframe> এর চারপাশে বর্ডার প্রদর্শিত হবে কিনা তা নির্ধারণ করে।
height pixels <iframe> এর উচ্চতা নির্ধারণ করে।
marginheight pixels এইচটিএমএল(৫)-এ সাপোর্ট করে না।
<iframe> এর কন্টেন্টের উপরের এবং নিচের মার্জিন নির্ধারণ করে।
marginwidth pixels এইচটিএমএল(৫)-এ সাপোর্ট করে না।
<iframe> এর কন্টেন্টের বামের এবং ডানের মার্জিন নির্ধারণ করে।
name text <iframe> এর জন্য একটি নাম নির্ধারণ করে।
sandbox allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation
<iframe> এর কন্টেন্টের জন্য সীমাবদ্ধতা নির্ধারণ করে।
scrolling yes
no
auto
এইচটিএমএল(৫)-এ সাপোর্ট করে না।
<iframe> এ স্ক্রলবার প্রদর্শিত হবে কিনা তা নির্ধারণ করে।
src URL <iframe> এর মধ্যে ডকুমেন্টের এড্রেস সংযুক্ত করার জন্য ব্যবহার করা হয়।
srcdoc HTML_code <iframe> এর মধ্যে এইচটিএমএল এলিমেন্ট/কন্টেন্ট দেখানোর জন্য ব্যবহার করা হয়।
width pixels <iframe> এর প্রস্থ নির্ধারণ করে।


<iframe> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


<iframe> ট্যাগের ডিফল্ট স্টাইল

অধিকাংশ ব্রাউজারেই <iframe> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ

iframe:focus { 
    outline: none;
  }

iframe[seamless] { 
    display: block;
  }


সম্পর্কিত পেজ