ট্যাগ iframe
ট্যাগ iframe একটি সাইটের বিষয়বস্তু অন্য সাইটে এমবেড করতে দেয়। এটি একটি নতুন উইন্ডো বা ট্যাব খুলতে না দিয়েই ভিডিও, ছবি বা নিবন্ধের মতো কন্টেন্ট প্রদর্শন করতে ব্যবহৃত হয়।
এমবেড করা সাইটের বিষয়বস্তুর নিজস্ব ডিজাইন থাকবে। এতে আমাদের সাইটের CSS স্টাইল, সেইসাথে আমাদের JavaScript কোড iframe ট্যাগের বিষয়বস্তুর উপর কোন প্রভাব ফেলবে না।
iframe-এর বিষয়বস্তুতে আমাদের JavaScript প্রয়োগ করা যেতে পারে, তবে এর জন্য বিশেষ পদ্ধতি অনুসরণ করতে হবে।
iframe ট্যাগটি YouTube এবং অন্যান্য প্ল্যাটফর্ম থেকে ভিডিও এমবেড করতে, পাশাপাশি অন্যান্য উৎস থেকে নিবন্ধ এবং ছবি প্রদর্শন করতে ওয়েবসাইটগুলিতে ব্যাপকভাবে ব্যবহৃত হয়।
অ্যাট্রিবিউটসমূহ
| অ্যাট্রিবিউট | বর্ণনা |
|---|---|
src |
যে পৃষ্ঠার ঠিকানা এমবেড করা হবে তা নির্দিষ্ট করে। |
srcdoc |
সরাসরি অ্যাট্রিবিউটে iframe-এর বিষয়বস্তু নির্ধারণ করতে দেয়। |
frameborder |
iframe-এর চারপাশে একটি বর্ডার সেট করে।
মান yes একটি বর্ডার সেট করে (ডিফল্টভাবে),
এবং মান no বর্ডার সরিয়ে দেয়।
|
scrolling |
iframe-এর ভিতরে স্ক্রলবার সেট করে।
মান auto - প্রয়োজনে স্ক্রলিং (ডিফল্ট),
মান yes - সর্বদা স্ক্রলিং,
মান no - কোন স্ক্রলিং নেই।
|
উদাহরণ
আসুন আমাদের সাইটে অন্য একটি সাইট (উদাহরণস্বরূপ code.mu) সহ একটি iframe সন্নিবেশ করি:
<iframe src="https://code.mu/" width="600" height="400"></iframe>
:
উদাহরণ
আসুন আমাদের সাইটে YouTube থেকে একটি ভিডিও সন্নিবেশ করি:
<iframe
src="https://www.youtube.com/embed/KzQrHpB1H8U"
allowfullscreen
width="400"
height="400">
</iframe>
:
উদাহরণ
আসুন iframe-এ সরাসরি বিষয়বস্তু লিখি:
<iframe
srcdoc="<h1>head</h1><p>text</p>"
width="300"
height="200">
</iframe>
:
