iframe, এম্বেড এবং অবজেক্ট উপাদানগুলির মধ্যে পার্থক্য


180

এইচটিএমএল 5 বেশ কয়েকটি এম্বেড থাকা সামগ্রীকে সংজ্ঞায়িত করে, যা পাখির চোখের দর্শন থেকে দেখা যায় যে এটি বেশিরভাগ ক্ষেত্রে সাদৃশ্য হওয়ার বিন্দুটির সাথে খুব মিল রয়েছে।

মধ্যে আসল পার্থক্যটা কী হয় iframe, embedএবং object?

যদি আমি কোনও তৃতীয় পক্ষের সাইট থেকে কোনও এইচটিএমএল ফাইল এম্বেড করতে চাই তবে আমি এই উপাদানগুলির মধ্যে কোনটি ব্যবহার করতে পারি এবং সেগুলি কীভাবে পৃথক হবে?


এগুলি সত্যই একরকম দেখায় না। তৃতীয় পক্ষের সাইটটি একটি আইফ্রেমে হবে।
কাই কিং

এম্বেড বনাম অবজেক্ট সাবসেট: স্ট্যাকওভারফ্লো / সিকিউশনস / १२৪৪/৮৮ / এম্বেড- ভিএস- অবজেক্ট , আইফ্রেমে বনাম অবজেক্ট সাবসেট: স্ট্যাকওভারফ্লো / প্রশ্ন / 24২৪৯4646/২ , এম্বেড বনাম অবজেক্ট ভি
সিরো সান্তিলি 郝海东 冠状 病 六四 事件 法轮功

2
@ কাইকিং তারা দেখতে অভিন্ন দেখায় বা না আপনার মতামত, সম্ভবত ওপি দ্বারা ভাগ করা হয়নি shared ওহ, এবং যাইহোক, এটি তার প্রশ্নের কোনও উত্তর নয়।
মালিক এ রুমী

1
@ মালিক - এ কারণেই এটি একটি মন্তব্য। এবং না, অভিন্ন দেখতে আমার মতামত নয় যেহেতু প্রত্যেকের সংজ্ঞা স্পষ্টভাবে পার্থক্যের রূপরেখা এবং আপনি প্রতিটি ব্যবহার করবেন তখন। তারা সামনের প্রান্তে কীভাবে উপস্থিত হবে তাত্ত্বিকভাবে অভিন্ন দেখতে পারে তবে আমি মনে করি যে ওপি'র প্রসঙ্গটি ব্যবহারে ছিল এবং উপস্থিতি নয়। মন্তব্যটি বোঝানোর জন্য যে তারা তৃতীয় পক্ষের জন্য একটি iframe ব্যবহার করবে, যেমন তারা জিজ্ঞাসা করেছিল। আমি কেবল ধরে নিতে পারি যে আমি তখনই পুরো উত্তরটি লিখতে ব্যস্ত ছিলাম।
কাই কিং

এখন এমডিএন-এর একটি বিশদ বিবরণ বিকাশকারী
রয়েছে.মোজিলা.আর.ইন.ইউএস

উত্তর:


122

<iframe>

Iframe উপাদান একটি নেস্টেড ব্রাউজিং প্রসঙ্গে প্রতিনিধিত্ব করে। এইচটিএমএল 5 মান - " <iframe>উপাদান"

প্রাথমিকভাবে অন্যান্য ডোমেন বা সাবডোমেন থেকে সংস্থানগুলি ব্যবহার করতে ব্যবহৃত হয় তবে একই ডোমেন থেকে সামগ্রী অন্তর্ভুক্ত করার জন্য ব্যবহার করা যেতে পারে। <iframe>লাইভ 'এবং পিতা বা মাতা ডকুমেন্ট সাথে যোগাযোগ করতে পারে' র শক্তি আপনার এম্বেড কোড হয়।

<embed>

এইচটিএমএল 5 এ স্ট্যান্ডার্ডযুক্ত, এর আগে এটি একটি মানহীন ট্যাগ ছিল, যা স্বীকার করে সমস্ত বড় ব্রাউজার প্রয়োগ করেছিল। এইচটিএমএল 5 এর পূর্বে আচরণগুলি ভিন্ন হতে পারে ...

এম্বেড উপাদানটি একটি বাহ্যিক (সাধারণত নন-এইচটিএমএল) অ্যাপ্লিকেশন বা ইন্টারেক্টিভ সামগ্রীর জন্য একীকরণ পয়েন্ট সরবরাহ করে। ( এইচটিএমএল 5 মান - " <embed>উপাদান" )

ব্রাউজার প্লাগইনগুলির জন্য সামগ্রী এম্বেড করতে ব্যবহৃত হয়। এর ব্যতিক্রমগুলি এসভিজি এবং এইচটিএমএল যা মান অনুযায়ী আলাদাভাবে পরিচালিত হয়।

এম্বেড থাকা সামগ্রীর সাহায্যে কী করা যায় এবং কী করা যায় না তার বিশদটি ব্রাউজার প্লাগইন প্রশ্নবিদ্ধ। তবে এসভিজির জন্য আপনি পিতামাতার কাছ থেকে এম্বেড করা এসভিজি নথিটি এমন কিছু দিয়ে অ্যাক্সেস করতে পারেন:

svg = document.getElementById("parent_id").getSVGDocument();

একটি এম্বেড থাকা এসভিজি বা এইচটিএমএল নথির ভিতরে থেকে আপনি পিতামাতাদের সাথে এটি পৌঁছাতে পারেন:

parent = window.parent.document;

এম্বেড এইচটিএমএল এর জন্য পিতামাতার কাছ থেকে এম্বেড করা দস্তাবেজটি পাওয়ার কোনও উপায় নেই (যা আমি খুঁজে পেয়েছি)।

<object>

<object>উপাদান একটি বহিস্থিত সম্পদ, যা, রিসোর্সের ধরনের উপর নির্ভর করে, হয় একটি ইমেজ হিসাবে গণ্য করা হবে উপস্থাপন করতে পারেন একটি নেস্টেড ব্রাউজিং প্রসঙ্গ হিসাবে, অথবা একটি বহিস্থিত সম্পদ হিসেবে একটি প্লাগইন দ্বারা প্রক্রিয়াকৃত হবে। ( এইচটিএমএল 5 মান - " <object>উপাদান" )

উপসংহার

আপনি যদি এসভিজি বা স্ট্যাটিক কিছু এম্বেড না করেন তবে আপনি সম্ভবত সবচেয়ে ভাল ব্যবহার করছেন <iframe>। এসভিজি ব্যবহার অন্তর্ভুক্ত করতে <embed>(যদি আমি সঠিকভাবে মনে করি <object>তবে আপনাকে স্ক্রিপ্ট করতে দেবে না †)। সত্যই আমি জানি না আপনি কেন <object>পুরানো ব্রাউজারগুলি বা ফ্ল্যাশ না করার জন্য ব্যবহার করবেন (যা আমি কাজ করি না)।

Below নীচের মন্তব্যে নির্দেশিত হিসাবে; স্ক্রিপ্টগুলি <object>চলবে তবে পিতামাতা ও শিশু প্রসঙ্গে সরাসরি যোগাযোগ করতে পারবেন না। সঙ্গে <embed>আপনাকে অভিভাবক এবং তদ্বিপরীত থেকে শিশু প্রেক্ষাপটে পেতে পারেন। এর অর্থ হ'ল তারা বাচ্চাকে চালিত করতে পিতা-মাতার স্ক্রিপ্টগুলি ব্যবহার করতে পারেন That অংশটি সম্ভব নয় <object>বা এর <iframe>পরিবর্তে আপনাকে জাভা স্ক্রিপ্ট পোস্টম্যাসেজ এপিআইয়ের মতো অন্য কোনও প্রক্রিয়া স্থাপন করতে হবে ।


4
embedভিজিটর ফ্রেমিংয়ে ব্লক করে এমন কোনও ওয়েবসাইটে উত্পন্ন একটি পুনর্নির্দেশ শৃঙ্খলা অনুসরণ করার জন্য আদর্শ। (আমরা এটি
ফেডারেটড

3
"অবজেক্ট স্ক্রিপ্ট দেয় না" সম্পর্কে সত্য নয়। স্কিপারস.সি.সি
এসভিজি /

@Zenly উদাহরণস্বরূপ ঘোষিত স্ক্রিপ্টগুলি, এবং এর মাধ্যমে অন্তর্ভুক্ত এসভিজি <object>চলবে, তবে প্যারেন্ট পৃষ্ঠা থেকে অবজেক্টের প্রসঙ্গে পাওয়া সম্ভব নয় (বা আমি পরিচালনা করিনি)। সুতরাং "অভ্যন্তরীণ" স্ক্রিপ্টগুলি চলবে, "বহিরাগত" স্ক্রিপ্টস, অবজেক্টের দৃষ্টিকোণ থেকে, অবজেক্টের প্রসঙ্গের সাথে যোগাযোগ করতে পারে না।
জোনাস শুবার্ট এরল্যান্ডসন

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

2
@ বাছসৌ যেহেতু এটি বিভিন্ন বিকল্প এবং তাদের বাণিজ্য সম্পর্কে আলোচনা তাই <iframe />একেবারে খালি বলা ভুল বলে মনে হচ্ছে যাওয়ার পথ। পোস্টটির সম্পূর্ণ পয়েন্টটি হ'ল এগুলি সমস্ত আলাদা। <embed>এখনও অনুমানের মধ্যে রয়েছে: w3.org/TR/html5/eebed-content-0.html#the-eeb-element , সুতরাং এটি উল্লেখ করা ন্যায়সঙ্গত। আমি এটি একটি মজার চেয়েও বেশি খুঁজে পেয়েছি যে আপনি যুক্তি দিয়ে <embed>
জোনাস শুবার্ট এরল্যান্ডসন

28

objectওভারটি ব্যবহারের একটি কারণ iframeহ'ল অবজেক্টটি অবজেক্টের মাত্রাগুলি মাপতে এম্বেড করা সামগ্রীটিকে পুনরায় আকার দেয়। আইফোন 4 এসের সাফারিটির ক্ষেত্রে সর্বাধিক উল্লেখযোগ্য যেখানে স্ক্রিনের প্রস্থ 320pxএবং এমবেডেড ইউআরএল থেকে এইচটিএমএল আরও বেশি মাত্রা নির্ধারণ করতে পারে।


9
আপনি দয়া করে আরও বিশদ এবং / অথবা রেফারেন্স দিতে পারেন? অন্যথায়, এটি একটি মন্তব্য হিসাবে যোগ্যতা অর্জন করেছে, উত্তর হিসাবে নয়।
সিএনএস

9
হ্যাঁ, তবে এটি একটি সহায়ক মন্তব্য
মালিক এ রুমী

1
এটি আমার ব্যবহারের কেস ছিল, অবশ্যই একটি ভাল সহায়ক মন্তব্য। ধন্যবাদ।
সিড

8
iFrame + iPhone = iHeadache
djvg

4

Iframe এর ওপরে ব্যবহার করার আরেকটি কারণ objectহ'ল objectসাব রিসোর্সগুলি (যখন কোনও অনুরোধ <object>সম্পাদন করে HTTP) passive/displayশর্ত হিসাবে বিবেচনা করা হয় Mixed content, যার অর্থ এটি যখন আপনার অবশ্যই থাকতে হবে তখন এটি আরও সুরক্ষিত Mixed content

মিশ্র সামগ্রীর অর্থ হল httpsআপনার যখন থাকে তবে আপনার উত্স থেকে আসে http

তথ্যসূত্র: https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content


এটি লিঙ্কযুক্ত নিবন্ধের বর্তমান পাঠের উপর ভিত্তি করে কেস বলে মনে হচ্ছে না, যা সক্রিয় এবং প্যাসিভ উভয় শিরোনামে অবজেক্টের তালিকা করে। প্যাসিভ: "সাব্রোসোর্স (যখন কোনও << অবজেক্টটি HTTP রিকুয়েস্টগুলি সম্পাদন করে)" / অ্যাক্টিভ: "<অবজেক্ট> (ডেটা অ্যাট্রিবিউট)" (দ্বিতীয়টি আপনি কীভাবে মূল প্রশ্ন অনুসারে অন্য একটি HTTP অনুরোধটি লোড করেন
টিম আবেল
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.