Html iframe in Bengali | What is an iframe ও Iframe কাকে বলে?

iFrame Tag In Html 

<iframe> ট্যাগ এর বৈশিষ্ট্যঃ- 

<iframe> ট্যাগটি বর্তমান নথির মধ্যে একটি পৃথক এইচটিএমএল নথি এম্বেড করতে HTML-এ ব্যবহৃত হয়, পর্দায় একটি আয়তক্ষেত্রাকার অঞ্চলের মধ্যে প্রদর্শিত হয়। দ্য<iframe> ট্যাগের বেশ কয়েকটি বৈশিষ্ট্য রয়েছে যা এর আচরণ এবং চেহারা কাস্টমাইজ করতে ব্যবহার করা যেতে পারে। এখানে ব্যবহার করা কিছু সাধারণ বৈশিষ্ট্য আছে<iframe>:- 

1. src: 

আইফ্রেমের মধ্যে লোড করা HTML নথির URL নির্দিষ্ট করে।

2. width and height: 

আইফ্রেমের প্রস্থ এবং উচ্চতা পিক্সেলে বা উপলব্ধ স্থানের শতাংশ হিসাবে নির্দিষ্ট করে৷

3. frameborder: 

iframe এর চারপাশে সীমানা প্রদর্শন করতে হবে কিনা তা নির্দিষ্ট করে। মান "0" কোন সীমানা নির্দেশ করে, এবং "1" সীমানা নির্দেশ করে।

4. scrolling: 

আইফ্রেমের মধ্যে স্ক্রলবার প্রদর্শন করা হবে কি না তা নির্দিষ্ট করে। মানগুলি "হ্যাঁ", "না" বা "স্বয়ংক্রিয়" হতে পারে।

5. sandbox: 

iframe-এর জন্য একটি স্যান্ডবক্সিং নীতি নির্দিষ্ট করে, যা নিরাপত্তার কারণে iframe-এর আচরণকে সীমাবদ্ধ করে।

6. allow: 

আইফ্রেমে মঞ্জুর করার অনুমতিগুলির একটি তালিকা নির্দিষ্ট করে, যেমন স্ক্রিপ্ট, ফর্ম বা পপআপগুলিকে অনুমতি দেওয়া৷

7. name: 

iframe-এর জন্য একটি নাম নির্দিষ্ট করে, যা লিঙ্ক বা অন্যান্য ইন্টারঅ্যাকশনের লক্ষ্য হিসেবে ব্যবহার করা যেতে পারে।

8. title: 

iframe-এর জন্য একটি শিরোনাম নির্দিষ্ট করে, যা একটি টুলটিপ হিসাবে বা অ্যাক্সেসযোগ্যতার উদ্দেশ্যে ব্যবহার করা যেতে পারে।

9. loading: 

কিভাবে আইফ্রেম লোড করা উচিত তা নির্দিষ্ট করে, যেমন "আগ্রহী" (তাত্ক্ষণিকভাবে লোড) বা "অলস" (লোড যখন দৃশ্যমান হয়)।

এখানে কিভাবে একটি উদাহরণ<iframe> এর কিছু বৈশিষ্ট্য সহ ট্যাগ ব্যবহার করা যেতে পারেঃ- 

<iframe src="iframe.html" width="300" height="200" frameborder="0" scrolling="auto" sandbox="allow-scripts" name="myframe" title="Embedded Frame"></iframe>

উল্লেখ্য যে ব্যবহার<iframe> সতর্কতার সাথে করা উচিত, কারণ এটি ক্রস-সাইট স্ক্রিপ্টিং (এক্সএসএস) এবং ক্লিকজ্যাকিংয়ের মতো নিরাপত্তা ঝুঁকির পরিচয় দিতে পারে। নিরাপত্তার দুর্বলতা রোধ করতে আইফ্রেমের মধ্যে লোড করা যেকোন বিষয়বস্তুকে যাচাই ও স্যানিটাইজ করা নিশ্চিত করুন।

অবশ্যই! এখানে কিছু অতিরিক্ত বৈশিষ্ট্য রয়েছে যা এর সাথে ব্যবহার করা যেতে পারে<iframe> HTML এ ট্যাগঃ- 

10. allowfullscreen: 

iframe পূর্ণ-স্ক্রীন মোডে প্রবেশ করার অনুমতি দেওয়া হয় কিনা তা নির্দিষ্ট করে। "সত্য" মানটি পূর্ণ-স্ক্রীন মোডকে অনুমতি দেয় এবং "মিথ্যা" এটিকে নিষ্ক্রিয় করে।

11. referrerpolicy: 

আইফ্রেম অন্য পৃষ্ঠায় অনুরোধ করলে রেফারার হেডার পাঠানোর নীতি নির্দিষ্ট করে। মানগুলির মধ্যে "নো-রেফারার", "অরিজিন", "স্ট্রিক-অরিজিন", "উৎপত্তি-যখন-ক্রস-অরিজিন" এবং অন্যান্য অন্তর্ভুক্ত থাকতে পারে।

12. sandbox: 

নিরাপত্তার কারণে iframe এর আচরণ সীমাবদ্ধ করার একটি উপায় প্রদান করে। মানগুলির মধ্যে "অনুমতি-একই-অরিজিন", "অ্যালো-টপ-নেভিগেশন", "অনুমতি-ফর্ম", "অ্যালো-স্ক্রিপ্ট" এবং অন্যান্য অন্তর্ভুক্ত থাকতে পারে।

13. longdesc: 

এমন একটি URL নির্দিষ্ট করে যা আইফ্রেমের বিষয়বস্তুর একটি দীর্ঘ বিবরণ প্রদান করে, যা অ্যাক্সেসযোগ্যতার উদ্দেশ্যে ব্যবহার করা যেতে পারে।

14. marginwidth and marginheight: 

পিক্সেলে আইফ্রেমের চারপাশে মার্জিনের প্রস্থ এবং উচ্চতা নির্দিষ্ট করে।

15. scrolling: 

আইফ্রেমের মধ্যে স্ক্রলবার প্রদর্শন করা হবে কি না তা নির্দিষ্ট করে। মানগুলি "হ্যাঁ", "না", "স্বয়ংক্রিয়", বা "স্ক্রোল" হতে পারে।

16. loading: 

কিভাবে আইফ্রেম লোড করা উচিত তা নির্দিষ্ট করে, যেমন "আগ্রহী" (তাত্ক্ষণিকভাবে লোড করুন), "অলস" (লোড যখন দৃশ্যমান হয়), বা "স্বয়ংক্রিয়" (ব্রাউজার সিদ্ধান্ত নেয়)।

এখানে কিভাবে একটি উদাহরণ<iframe> এই বৈশিষ্ট্যগুলির সাথে কিছু ট্যাগ ব্যবহার করা যেতে পারেঃ- 

<iframe src="iframe.html" width="300" height="200" frameborder="0" scrolling="auto" sandbox="allow-scripts" name="myframe" title="Embedded Frame" allowfullscreen="true" referrerpolicy="origin" marginwidth="0" marginheight="0" scrolling="yes" loading="eager"></iframe>

এর সাথে বিভিন্ন বৈশিষ্ট্য ব্যবহার করার প্রভাব পর্যালোচনা করা এবং বোঝা গুরুত্বপূর্ণ<iframe> ট্যাগ, কারণ তারা এম্বেড করা সামগ্রীর নিরাপত্তা, আচরণ এবং অ্যাক্সেসযোগ্যতাকে প্রভাবিত করতে পারে। 

সুরক্ষিত কোডিংয়ের জন্য সর্বদা সর্বোত্তম অনুশীলনগুলি অনুসরণ করুন এবং আপনার HTML নথিতে iframes ব্যবহার করার সময় আপনার ব্যবহারকারীদের প্রয়োজনীয়তা বিবেচনা করুন।