HTML <iframe> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <i>
  • পরবর্তী পৃষ্ঠা <img>

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

<iframe> ট্যাগটি অন্তর্নিহিত ফ্রেম (অন্তর্নিহিত ফ্রেম) নির্ধারণ করে。

অন্তর্নিহিত ফ্রেম (অন্তর্নিহিত ডকুমেন্ট) একটি অন্য ডকুমেন্টকে এক্সটার্নাল ডকুমেন্ট হিসাবে এম্বেড করতে ব্যবহৃত হয়。

পরামর্শ:CSS ব্যবহার করে <iframe> এর শৈলী (উদাহরণ দেখুন নিচে) নির্ধারণ করুন。

পরামর্শ:সর্বদা এইভাবে <iframe> ইত্যাদি টাইটেল অ্যাট্রিবিউট নিয়েছে। স্ক্রিন রিডার এই অ্যাট্রিবিউটটি ব্যবহার করে এবং <iframe> অন্তর্ভুক্ত কনটেন্টের বর্ণনা。

আরও দেখুন:

HTML শিক্ষাক্রম:HTML Iframe

HTML DOM পরিচিতি মানক:IFrame অবজেক্ট

উদাহরণ

উদাহরণ 1

অন্তর্নিহিত ফ্রেম ট্যাগ এমনভাবে হয়:

<iframe src="https://www.codew3c.com" title="CodeW3C.com অনলাইন শিক্ষাক্রম"></iframe>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ ২

আইফ্রেমের হোল্ডার যোগ করা এবং অপসারণ করা (কার্স সি.এস.এস. ব্যবহার করে):

<iframe src="/index.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/index.asp" width="100%" height="300" style="border:none;">
</iframe>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

অ্যাট্রিবিউট

অ্যাট্রিবিউট মান বর্ণনা
allow নির্দিষ্ট আইফ্রেমের ফাংশন পলিসি
allowfullscreen
  • true
  • false
 যদি আইফ্রেমটি requestFullscreen() মথড দ্বারা ফুলস্ক্রিন মোডটি সক্ষম করা হয়, তবে true হয় নির্দিষ্ট করুন
allowpaymentrequest
  • true
  • false
 যদি ক্রস-অরিজিন আইফ্রেমের Payment Request API কল সক্ষম হয়, তবে true হয় নির্দিষ্ট করুন
উচ্চতা পিক্সেল নির্দিষ্ট আইফ্রেমের উচ্চতা।ডিফল্ট উচ্চতা ১৫০ পিক্সেল
loading
  • eager
  • lazy
 নির্দিষ্ট ব্রাউজার আইফ্রেমটি তাৎক্ষণিকভাবে লোড করা উচিত কিংবা কোনও শর্ত পূরণ হওয়ার পর আইফ্রেমটি লোড করা হবে
name নাম নির্দিষ্ট আইফ্রেমের নাম
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 আইফ্রেম অর্জন করার সময় যা পাঠানো হবে উল্লেখ তথ্য
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 আইফ্রেমের কনটেন্টের জন্য একসিরা অতিরিক্ত নিয়ন্ত্রণ সক্ষম করা
src URL নির্দিষ্ট আইফ্রেমে অন্তর্ভুক্ত হওয়া ডকুমেন্টের URL
srcdoc HTML কোড নির্দিষ্ট আইফ্রেমে দেখানো হবার পৃষ্ঠার HTML কনটেন্ট
প্রশাসন পিক্সেল নির্দিষ্ট আইফ্রেমের প্রশাসন।ডিফল্ট প্রশাসন ৩০০ পিক্সেল।

সার্ভিস

<iframe> ট্যাগটি ইভেন্ট প্রতিযোগীও সমর্থন করে HTML-তে গ্লোবাল প্রতিযোগী。

HTML-তে গ্লোবাল প্রতিযোগী

<iframe> ট্যাগটি ইভেন্ট প্রতিযোগীও সমর্থন করে HTML-তে ইভেন্ট প্রতিযোগী。

ডিফল্ট CSS সেটিং

অধিকাংশ ব্রাউজার নিম্নলিখিত ডিফল্ট মান ব্যবহার করবে <iframe> এলিমেন্ট:

iframe:focus {
  outline: none;
}
iframe[seamless] {
  display: block;
}

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন
  • পূর্ববর্তী পৃষ্ঠা <i>
  • পরবর্তী পৃষ্ঠা <img>