একটি iframe পূর্ণ পৃষ্ঠা ব্যবহার করার সাথে প্রধান সমস্যা হল যে iframe এর বিষয়বস্তু লোড হয় না যতক্ষণ না ব্যবহারকারী iframe-এর একটি লিঙ্কে ক্লিক করেন। এটি পৃষ্ঠা লোড করার সময়কে ধীর করে দিতে পারে এবং ব্যবহারকারীদের জন্য বিভ্রান্তিকর হতে পারে।
<iframe src="http://www.fullpage.com/index.html" width="100%" height="100%"></iframe>
উপরের কোড লাইনটি একটি iframe বা একটি ইনলাইন ফ্রেম তৈরি করে। একটি iframe বর্তমান HTML নথির মধ্যে অন্য ডকুমেন্ট এম্বেড করতে ব্যবহার করা হয়।
src বৈশিষ্ট্য এমবেড করা নথির URL নির্দিষ্ট করে।
প্রস্থ এবং উচ্চতা বৈশিষ্ট্যগুলি আইফ্রেমের আকার নির্দিষ্ট করে। আকারটি ডিফল্টরূপে পিক্সেলে নির্দিষ্ট করা হয়, তবে এটি উপাদানটির আকারের শতাংশ হিসাবেও নির্দিষ্ট করা যেতে পারে।
এই ক্ষেত্রে, iframe তার ধারণকারী উপাদানের প্রস্থ এবং উচ্চতা 100% নেয়।
iframe কি
?
একটি iframe হল এক ধরনের ইনলাইন ফ্রেম যা ওয়েব পৃষ্ঠাগুলিকে তাদের মধ্যে অন্যান্য ওয়েব পৃষ্ঠাগুলিকে এম্বেড করতে দেয়৷ আইফ্রেমগুলি অন্য ওয়েবসাইটগুলি থেকে সামগ্রী প্রদর্শন করতে ব্যবহৃত হয়, যে পৃষ্ঠাটিতে তারা এম্বেড করা আছে তা ছেড়ে না দিয়ে৷
iframe বৈশিষ্ট্য
HTML-এর আইফ্রেম বৈশিষ্ট্যগুলি আইফ্রেম কীভাবে প্রদর্শিত হবে তা নিয়ন্ত্রণ করতে ব্যবহার করা যেতে পারে।
আইফ্রেমের সাথে কাজ করার টিপস
HTML এ iframes নিয়ে কাজ করার সময় কয়েকটি বিষয় মাথায় রাখতে হবে। প্রথমত, আইফ্রেমের URL নির্দিষ্ট করতে সর্বদা src অ্যাট্রিবিউট ব্যবহার করুন। দ্বিতীয়ত, নিশ্চিত করুন যে আপনার আইফ্রেমটি সঠিকভাবে a তে মোড়ানো হয়েছে
iframes এর অসুবিধা
HTML এ iframes ব্যবহার করার কিছু অসুবিধা আছে। প্রথমত, তারা একটি নিরাপত্তা ঝুঁকি হতে পারে কারণ যদি একজন আক্রমণকারী iframe-এর বিষয়বস্তুতে অ্যাক্সেস পেতে পারে, তাহলে তারা সম্ভাব্য দূষিত কোড চালানোর জন্য ব্রাউজার বা পৃষ্ঠার দুর্বলতাকে কাজে লাগাতে পারে। উপরন্তু, iframes পৃষ্ঠা লোড করার সময় কমিয়ে দিতে পারে এবং পৃষ্ঠা নেভিগেশনে হস্তক্ষেপ করতে পারে।
- সমাধান করা হয়েছে: HTML-এ _blank
- সমাধান: এইচটিএমএল রিমোট সোর্স থেকে ইমেজ যোগ করুন
- সমাধান: html এ স্থান যোগ করুন
- সমাধান করা হয়েছে: html এ একটি ফেভিকন যোগ করা হচ্ছে
- সমাধান করা হয়েছে: html টেক্সট ডানদিকে সারিবদ্ধ করুন
- সমাধান: স্বয়ংক্রিয় আপডেট কপিরাইট বছর html
- সমাধান: এইচটিএমএল অটোপ্লে আইফোন কাজ করে না
- সমাধান করা হয়েছে: অটোরিডাইরেক্ট html
- সমাধান করা হয়েছে: এইচটিএমএল ব্যাকগ্রাউন্ড ইমেজ পর্দায় ফিট
- সমাধান করা হয়েছে: base64 ইমেজ html উদাহরণ
- সমাধান করা হয়েছে: html বডি পূর্ণ উচ্চতা
- সমাধান: বাটন html href
- সমাধান করা হয়েছে: html কেন্দ্র বোতাম
- সমাধান: কেন্দ্র p html
- সমাধান করা হয়েছে: html কেন্দ্র ইউটিউব ভিডিও
- সমাধান: html পরিবর্তন প্লেয়ার গতি
- সমাধান করা হয়েছে: html স্মার্টফোনের আকারে ভিউপোর্ট পরিবর্তন করুন
- সমাধান করা হয়েছে: html ক্যারেক্টার ট্যাব
- সমাধান করা হয়েছে: কপিরাইট ফুটার এইচটিএমএল কোড
- সমাধান: একটি mailto লিঙ্ক html তৈরি করুন
- সমাধান করা হয়েছে: html ড্যাশ কোড
- সমাধান করা হয়েছে: ডেটালিস্ট এইচটিএমএল
- সমাধান করা হয়েছে: html বর্ণনা ট্যাগ
- সমাধান করা হয়েছে: নাম এবং আইডি html এর মধ্যে পার্থক্য
- সমাধান করা হয়েছে: html সম্পাদনা পাঠ্যবক্স নিষ্ক্রিয় করুন
- সমাধান: html নিষ্ক্রিয় লিখুন জমা দিন
- সমাধান করা হয়েছে: এইচটিএমএল ফর্ম ইনপুট স্বয়ংসম্পূর্ণ অটোফিল অক্ষম করুন
- সমাধান: এইচটিএমএল বানান পরীক্ষা অক্ষম করুন
- সমাধান করা হয়েছে: html ডট প্রতীক
- সমাধান করা হয়েছে: html এ ড্রপডাউন
- সমাধান করা হয়েছে: html ইমেল লিঙ্ক
- সমাধান করা হয়েছে: html খালি অক্ষর
- সমাধান করা হয়েছে: html সত্তা অ্যাম্পারস্যান্ড এবং
- সমাধান করা হয়েছে: html সত্তা উদ্ধৃতি
- সমাধান করা হয়েছে: এফএ ফা ইমেইল
- সমাধান করা হয়েছে: html ফেসবুক মেটা ট্যাগ
- সমাধান: fafa লগইন আইকন html কোড
- সমাধান করা হয়েছে: html পৃষ্ঠার জন্য ফেভিকন
- সমাধান করা হয়েছে: ফেভিকন মেটা
- সমাধান করা হয়েছে: html ফেভিকন ট্যাগ
আমরা HTML এবং HTML5 সম্পর্কে সবকিছু জানি। আমরা এই মার্কআপ ভাষার সমস্ত সন্দেহ এবং সমস্যার সমাধান করি যা WWW এর ভিত্তি