এইচটিএমএল <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>
এলিমেন্টটি সাপোর্ট করে না, সেসকল ব্রাউজারের জন্য<iframe>
এবং</iframe>
এর মধ্যে একটি টেক্সট যুক্ত করা হয়। <iframe>
কে স্টাইল করার জন্য সিএসএস ব্যবহার করুন।
এট্রিবিউট
নিচের টেবিলে <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;
}