ইনলাইন ফ্রেমগুলি আপনাকে আপনার পৃষ্ঠার বাইরের সোর্স থেকে সামগ্রী অন্তর্ভুক্ত করার অনুমতি দেয়
ইনলাইন ফ্রেমগুলি সাধারণত "আইফ্রেম" হিসাবে পরিচিত, HTML5- এ অনুমোদিত ফ্রেমের একমাত্র প্রকার। এই ফ্রেমটি মূলত আপনার পৃষ্ঠার একটি বিভাগ যে আপনি "কাটা"। যে স্থানটি আপনি পৃষ্ঠার কাটা করেছেন, তারপরে আপনি একটি বাহ্যিক ওয়েবপৃষ্ঠাতে ভোজন করতে পারেন। প্রকৃতপক্ষে, আপনার ওয়েব পৃষ্ঠার ভিতরেই একটি আইফ্রেম আরেকটি ব্রাউজার উইন্ডো সেট থাকে। আপনি সাধারণত ওয়েবসাইটগুলিতে ব্যবহৃত আইফ্রেমগুলি দেখতে পাবেন যা YouTube এর মতো বহিরাগত সামগ্রী যেমন Google মানচিত্র বা একটি ভিডিও অন্তর্ভুক্ত করতে হবে।
ঐসব জনপ্রিয় ওয়েবসাইটগুলি তাদের এম্বেড কোডে iframes ব্যবহার করে।
আইফ্রেম এলিমেন্ট কিভাবে ব্যবহার করবেন
উপাদানটি HTML5 বিশ্বব্যাপী উপাদানগুলির পাশাপাশি বিভিন্ন অন্যান্য উপাদানের ব্যবহার করে। এইচটিএমএল 4.01 এ চারটি বৈশিষ্ট্য রয়েছে:
- - ফ্রেমের উত্স জন্য URL
- উইন্ডোটির উচ্চতা
- - উইন্ডোর প্রস্থ
- জানালার নাম
এবং তিনটি নতুন HTML5:
- srcdoc- ফ্রেম উৎসের জন্য এইচটিএমএল। এই বৈশিষ্ট্যাবলীটি src অ্যাট্রিবিউটের যে কোনো URL এর উপরে অগ্রাধিকার রাখে
- স্যান্ডবক্স - বৈশিষ্ট্যগুলির একটি তালিকা যা ফ্রেম উইন্ডোতে অনুমোদিত বা অক্ষম করা উচিত
- বিজোড় - ব্যবহারকারীর এজেন্টকে বলছে যে আইফ্রেমটি উপস্থাপিত করা উচিত যেন এটি অজানাভাবে পিতামাতার নথির অংশ
একটি সহজ iframe তৈরি করতে, আপনি সোর্স URL এবং প্রস্থ এবং উচ্চতা নির্ধারণ করুন:
লক্ষ্য করুন যে আপনি আপনার আইফ্রেমে সেটিংসের জন্য পিক্সেলের মান ব্যবহার না বেছে নিতে পারেন তবে পরিবর্তে শতাংশটি ব্যবহার করার সিদ্ধান্ত নিতে পারেন।
আপনি যদি একটি প্রতিক্রিয়াশীল ওয়েবসাইট নির্মাণ করেন যার সাইজিং বিভিন্ন স্ক্রিন মাপের সাথে পরিবর্তন করা উচিত, তবে এই শতাংশ গুরুত্বপূর্ণ হবে।
এছাড়াও এইচটিএমএল 4.01 এ কার্যকর কিছু বৈশিষ্ট্য আছে কিন্তু HTML5 এ অপ্রচলিত যেহেতু এখন বেশিরভাগ ওয়েবসাইটই HTML5 + ব্যবহার করছে, তাই এই বৈশিষ্ট্যগুলি আপনি ব্যবহার করতে চান না (তবে আপনি কিছু কিছু লিগ্যাসি ডকুমেন্টে দেখতে পারেন)।
- -কিন্তু, একটি বিবরণ লিঙ্ক একটি একটি উপাদান ব্যবহার
- -কিন্তু, CSS ফ্লোটের সম্পত্তিটি ব্যবহার করুন
- allowtransparency -instead, সিএসএস ব্যাকগ্রাউন্ডের সম্পত্তি ব্যবহার করুন যাতে আইফ্রিম স্বচ্ছ হয়
- - সীমানা CSS সম্পত্তিটি ব্যবহার করুন
- মার্জিনহাইট -তে, সিএসএস মার্জিনের সম্পত্তি ব্যবহার করুন
- মার্জিন্ভিড-এর জন্য, সিএসএস মার্জিনের সম্পত্তি ব্যবহার করুন
- এভাবেই, CSS ওভারফ্লো প্রোপার্টিটি ব্যবহার করুন
আইফ্রেম ব্রাউজার সাপোর্ট
IFRAME উপাদানটি সমস্ত আধুনিক ব্রাউজার দ্বারা সমর্থিত:
- অ্যান্ড্রয়েড
- ক্রৌমিয়াম
- ফায়ারফক্স
- ইন্টারনেট এক্সপ্লোরার ২+
- iOS / Safari মোবাইল
- নেটস্কেপ 7+
- অপেরা 3+
- আফ্রিকায় শিকার অভিযান
যদি উপরের কোনও সংস্করণ নম্বর দেখানো না হয়, তবে এটি সেই ব্রাউজারের সমস্ত সংস্করণগুলির সমর্থন করে।
একটি বিষয় মনে রাখতে হবে যে যখন সমস্ত ব্রাউজার IFRAME উপাদান সমর্থন করে তখনও কিছু বৈশিষ্ট্য HTML5 বৈশিষ্ট্যের জন্য সীমিত সমর্থন রয়েছে।
- স্ক্রল করা বন্ধ করার জন্য ওভারফ্লো ব্যবহার নির্ভরযোগ্য নয়। যদি আপনি আপনার আইফ্রেমগুলিতে স্ক্রলবারগুলি না চান তবে আপনাকে স্ক্রোলিং অ্যাট্রিবিউট ব্যবহার করা উচিত।
- Srcdoc, স্যান্ডবক্স এবং বিজোড় অ্যাট্রিবিউট এই সময়ে কোনও ব্রাউজার দ্বারা সমর্থিত নয়।
Iframes সাথে সংযোগ স্থাপন
যখন আপনি আপনার আইফ্রেম একটি নাম বা আইডি দিতে পারেন তখন আপনি সেই উপাদানটির যে উপাদানটি A উপাদানটির অ্যাট্রিবিউটের সাথে আপনার লিঙ্কগুলি নির্দেশ করতে পারেন তারপর, যখন কোন ব্যবহারকারী এই লিঙ্কটি ক্লিক করেন, তখন এটি বর্তমান উইন্ডোর পরিবর্তে রেফারেন্সকৃত আইফ্রেমে খুলবে।
এটি নিজে চেষ্টা করো. একটি ওয়েব পৃষ্ঠা নিম্নলিখিত টাইপ করুন:
যদি IFRAME- এ ডকুমেন্ট খোলা থাকে তবে সেট গুলি কোনও টার্গেটের নেই , তবে সেই সকল লিংক একই আইফ্রেমটি প্যারেন্ট নথি হিসাবে খুলবে।
আপনি এই বৈশিষ্ট্য ব্যবহার করতে পারেন এক আইফ্রেইমের লিঙ্কগুলি একই পৃষ্ঠায় অন্য IFRAME এর বিষয়বস্তু পরিবর্তন করতে।
আইফ্রেম এবং নিরাপত্তা
আইএফআরএএমএএম উপাদানটি নিজে বা আপনার পাঠকদের জন্য নিরাপত্তার ঝুঁকি নয়।
দুর্ভাগ্যবশত iframes একটি খারাপ খ্যাতি অর্জিত হয়েছে কারণ তারা দূষিত ওয়েবসাইট দ্বারা ব্যবহার করা যেতে পারে এমন সামগ্রী অন্তর্ভুক্ত করা যা দর্শকদের কম্পিউটারকে তাদের পৃষ্ঠায় দেখতে না দেখে সংক্রমন করতে পারে। এই লিঙ্কগুলি অদৃশ্য IFRAME এ নির্দেশ করে এবং সেইসব স্ক্রিপ্টগুলি দূষিত কোডটি বন্ধ করে দেয়। ব্যবহারকারী লিঙ্কটি ক্লিক করে এবং মনে করেন যে লিঙ্কটি ভাঙ্গা হয় কারণ কিছুই ঘটতে দেখা যায় না, কিন্তু একটি স্ক্রিপ্ট সেট করা হয়েছিল যেখানে তারা এটি দেখতে পায়নি।
এমন কম্পিউটার ভাইরাস রয়েছে যা আপনার ওয়েব পৃষ্ঠাগুলির মধ্যে একটি অদৃশ্য IFRAME প্রবেশ করানো হবে, কার্যকরভাবে আপনার ওয়েবসাইটটিকে একটি বোতামে পরিণত করে। তারা এসকিউএল ইনজেকশন এবং অন্যান্য আক্রমণের মাধ্যমে এটি করতে পারেন।
আপনার ওয়েব পেজে IFRAME অন্তর্ভুক্ত করার সময় যে জিনিসটি মনে রাখতে হবে তা হল আপনার ব্যবহারকারীরা কেবল আপনার সাইটের সাথে সম্পর্কিত সকল সাইটের সামগ্রী হিসাবে নিরাপদ। যদি আপনার কোন সাইট অনুভব করা অসম্ভব না হয় তবে এটি কোনও ফন্টেই সংযুক্ত করবেন না এবং অবশ্যই এটির বিষয়বস্তুগুলি একটি আইফ্রেইমে অন্তর্ভুক্ত করবেন না। Iframes এর মধ্যে আপনার নিজের পৃষ্ঠাগুলি লিঙ্ক করা, তবে, আপনার বা আপনার ব্যবহারকারীদের জন্য নিরাপত্তা ঝুঁকি নেই।
জনিফার ক্রাইনিনের মূল রচনা 11/7/16 তারিখে জেরেমি Girard দ্বারা সম্পাদিত