Skip to main content

কিভাবে এবং কখন আইফ্রেম ব্যবহার করতে হবে (ইনলাইন ফ্রেম)

এইচটিএমএল আইফ্রেম উদাহরণ এবং টিউটোরিয়াল (জুন 2025)

এইচটিএমএল আইফ্রেম উদাহরণ এবং টিউটোরিয়াল (জুন 2025)
Anonim

ইনলাইন ফ্রেমগুলি, সাধারণত "আইফ্রেমস" হিসাবে পরিচিত, HTML5 এ অনুমোদিত ফ্রেমের একমাত্র প্রকার। এই ফ্রেমগুলি মূলত আপনার পৃষ্ঠার একটি অংশ যা আপনি "কাটা"। যে পৃষ্ঠায় আপনি পৃষ্ঠাটি কেটে ফেলেছেন, তারপরে আপনি একটি বহিরাগত ওয়েবপৃষ্ঠাতে ফিড করতে পারেন। মূলত, একটি আইফ্রেম অন্য ওয়েব ব্রাউজার উইন্ডো ঠিক আপনার ওয়েব পেজ ভিতরে সেট করা হয়। আপনি যে কোডগুলিতে Google কোডের মত বাইরের সামগ্রী বা ইউটিউব থেকে একটি ভিডিও অন্তর্ভুক্ত করতে চান তার জন্য সাধারণভাবে দেখুনকোড আইফ্রেম ব্যবহার করা হয়। উভয় জনপ্রিয় ওয়েবসাইট তাদের এম্বেড কোডে iframes ব্যবহার করুন।

IFRAME উপাদানটি কিভাবে ব্যবহার করবেন

উপাদানটি HTML5 বিশ্বব্যাপী উপাদানগুলির পাশাপাশি বেশ কিছু অন্যান্য উপাদানের ব্যবহার করে। এইচটিএমএল 4.01 এ চারটি বৈশিষ্ট্যও রয়েছে:

  • - ফ্রেম উৎস জন্য ইউআরএল
  • - জানালা উচ্চতা
  • - জানালার প্রস্থ
  • - জানালা নাম

এবং HTML5 এ তিনটি নতুন:

  • srcdoc- ফ্রেম উৎস জন্য এইচটিএমএল। এই বৈশিষ্ট্যটি কোন URL এর উপর অগ্রাধিকার নেয় src গুণ
  • স্যান্ডবক্স- এমন ফ্রেমের উইন্ডোতে অনুমতি দেওয়া বা অনুমোদিত নয় এমন একটি তালিকা
  • বিজোড়ব্যবহারকারী এজেন্টকে জানায় যে আইফ্রেমটি রেন্ডার করা উচিত, এটি অদৃশ্যভাবে পিতামাতার নথির অংশ

একটি সহজ আইফ্রেম তৈরি করতে, আপনি উৎস URL এবং প্রস্থ এবং উচ্চতা সেট করুন:

মনে রাখবেন আপনি আপনার আইফ্রেমের সেটিংসগুলির জন্য পিক্সেল মানগুলি ব্যবহার করতে না পারেন তবে পরিবর্তে একটি শতাংশ ব্যবহার করার সিদ্ধান্ত নিতে পারেন। আপনি যদি এমন একটি প্রতিক্রিয়াশীল ওয়েবসাইট তৈরি করেন যার আকারগুলি বিভিন্ন স্ক্রিন মাপের সাথে পরিবর্তন করা উচিত, তবে এই শতাংশগুলি গুরুত্বপূর্ণ হবে।

এইচটিএমএল 4.01 তে বৈধ কিছু বৈশিষ্ট্য রয়েছে তবে HTML5 এ অপ্রচলিত। যেহেতু বেশিরভাগ ওয়েবসাইট আজ HTML5 ব্যবহার করছে, তাই এই বৈশিষ্ট্যগুলি আপনি ব্যবহার করতে চাইবেন না (তবে যা আপনি কিছু উত্তরাধিকারী দস্তাবেজে দেখতে পারেন)।

  • - ইনস্টল, একটি ব্যবহার করুন একজন একটি বিবরণ লিঙ্ক উপাদান
  • - সিএসএস ব্যবহার করুন ভাসা সম্পত্তি
  • স্বচ্ছতা অনুমতি- সিএসএস ব্যবহার করুন পটভূমি আইফাম স্বচ্ছ করতে সম্পত্তি
  • ব্যবহার করুন সীমান্ত সিএসএস সম্পত্তি
  • marginheight- সিএসএস ব্যবহার করুন মার্জিন সম্পত্তি
  • মার্জিন প্রস্থ- সিএসএস ব্যবহার করুন মার্জিন সম্পত্তি
  • - সিএসএস ব্যবহার করুন টলমলানি সম্পত্তি

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

দ্য IFRAME উপাদান সব আধুনিক ব্রাউজার দ্বারা সমর্থিত হয়:

  • অ্যান্ড্রয়েড
  • ক্রৌমিয়াম
  • ফায়ারফক্স
  • ইন্টারনেট এক্সপ্লোরার 2+
  • আইওএস / সাফারি মোবাইল
  • নেটস্কেপ 7+
  • অপেরা 3+
  • আফ্রিকায় শিকার অভিযান

যদি উপরের সংস্করণে কোনও সংস্করণ নম্বর দেখানো হয় না তবে এটি সেই ব্রাউজারের সমস্ত সংস্করণগুলিকে সমর্থন করে।

এক জিনিস মনে রাখা যে সব ব্রাউজার সমর্থন করে IFRAME উপাদান, কিছু HTML5 বৈশিষ্ট্যগুলির জন্য এখনও সীমিত সমর্থন রয়েছে।

  • ব্যবহার টলমলানি স্ক্রোলিং বন্ধ করতে নির্ভরযোগ্য নয়। আপনি যদি আপনার আইফ্রেমগুলিতে স্ক্রোলবার চান না, তবে আপনাকে অবশ্যই এটি ব্যবহার করতে হবে স্ক্রলিং বৈশিষ্ট্যাবলী।
  • দ্য srcdoc, স্যান্ডবক্স, এবং বিজোড় বৈশিষ্ট্য এই সময়ে কোন ব্রাউজার দ্বারা সমর্থিত নয়।

Iframes সঙ্গে লিঙ্ক করা হচ্ছে

যখন আপনি আপনার আইফ্রেম দিতে নাম অথবা আইডি তারপরে আপনি সেই ফ্রেমটিতে আপনার লিঙ্কে বৈশিষ্ট্যগুলি উল্লেখ করতে পারেন একজন উপাদান। তারপরে, যখন কোনও ব্যবহারকারী এই লিঙ্কটিতে ক্লিক করে তখন এটি বর্তমান উইন্ডোটির পরিবর্তে রেফারেন্সযুক্ত আইফ্রেমের ভিতরে খুলবে।

এটি নিজে চেষ্টা করো. একটি ওয়েব পেজে নিম্নলিখিত টাইপ করুন:

আইডি = "myIframe" src = "http://webdesign.about.com/#lp-main" উচ্চতা = "200px" প্রস্থ = "500px">

এই আমার আইফ্রেম হয়

আপনি এই লিঙ্কটি ক্লিক করলে উপরের উইন্ডোতে একটি নতুন নথি খুলবে।

যদি ডকুমেন্ট খোলা হয় IFRAME কোন লক্ষ্য নির্ধারণ করা হয় না, তারপরে সেই সমস্ত লিঙ্কগুলি পিতামাতার নথি হিসাবে একই আইফ্রেমে খোলা হবে।

আপনি এক লিঙ্ক করতে এই বৈশিষ্ট্য ব্যবহার করতে পারেন IFRAME অন্য বিষয়বস্তু পরিবর্তন করুন IFRAME একই পৃষ্ঠায়.

আইফ্রেম এবং নিরাপত্তা

দ্য IFRAME উপাদান, নিজেই, আপনার বা আপনার পাঠকদের একটি নিরাপত্তা ঝুঁকি নয়। দুর্ভাগ্যবশত iframes একটি খারাপ খ্যাতি অর্জন করেছে কারণ এটি এমন সামগ্রী অন্তর্ভুক্ত করার জন্য দূষিত ওয়েবসাইটগুলির দ্বারা ব্যবহার করা যেতে পারে যা পৃষ্ঠাতে এটি দেখে না কোনো দর্শকর কম্পিউটারকে সংক্রামিত করতে পারে। এই লিঙ্ক অদৃশ্য পয়েন্ট থাকার দ্বারা সম্পন্ন করা হয় IFRAME এবং যারা স্ক্রিপ্ট দূষিত কোড সেট বন্ধ। ব্যবহারকারী লিঙ্কটিতে ক্লিক করে মনে করে যে লিঙ্কটি ভাঙা হয়েছে কারণ কিছুই দেখা যাচ্ছে না, কিন্তু একটি স্ক্রিপ্ট সেট করা হয়েছে যেখানে তারা এটি দেখতে পারে নি।

এমন কম্পিউটার ভাইরাস রয়েছে যা অদৃশ্য হয়ে যাবে IFRAME কার্যকরভাবে আপনার ওয়েবসাইট একটি বাঁটনেট মধ্যে বাঁক, আপনার ওয়েব পেজ মধ্যে। তারা এসকিউএল ইনজেকশন এবং অন্যান্য আক্রমণের মাধ্যমে এটি করতে পারেন।

একটি অন্তর্ভুক্ত যখন মনে রাখবেন IFRAME আপনার ওয়েব পৃষ্ঠায় আপনার ব্যবহারকারীরা আপনার সাথে লিঙ্ক করা সমস্ত সাইটের সামগ্রী হিসাবে নিরাপদ। যদি আপনার কোন সাইটটি বিশ্বাসযোগ্য না হয় তবে এটি কোনও রূপে লিঙ্ক করবেন না এবং নিশ্চিতভাবেই এটির সামগ্রীগুলি অন্তর্ভুক্ত করবেন না। IFRAME। আইফ্রেমগুলির মধ্যে আপনার নিজের পৃষ্ঠাগুলিতে লিঙ্ক করলেও, আপনার বা আপনার ব্যবহারকারীদের জন্য একটি নিরাপত্তা ঝুঁকি সৃষ্টি করে না।

জেনারেল ক্রাইনিনের মূল নিবন্ধ। 11/7/16 এ জেরেমি গিরার্ড দ্বারা সম্পাদিত