<এম্বেড> বনাম <অবজেক্ট>

Question

যখন আমি অ্যাডোব পিডিএফ ভিউয়ারটি প্রদর্শন করতে চাই তখন আমার এইচটিএমএল ফাইলটিতে সঠিক / সেরা ট্যাগটি কী ব্যবহার করতে পারে?

এই মুহুর্তে আমি নীচের কোডটি ব্যবহার করছি, তবে অদ্ভুত পার্শ্ব প্রতিক্রিয়া রয়েছে (যেমন মনে হচ্ছে যে আমি অন্য <input>পাঠ্য বাক্সে যে প্রারম্ভিক ফোকাসটি সেট করেছি ; এটি jQueryUI রেজাইজেবল শ্রেণীর সাথে সত্যিকারের মতো খেলবে বলে মনে হয় না; ইত্যাদি)

<embed src="abc.pdf" type="application/pdf" />

আমি কি <object>ট্যাগ দিয়ে একই জিনিস করতে পারি ? একটি ট্যাগ বনাম অন্য ব্যবহারের কি সুবিধা / অসুবিধা রয়েছে?

Comments

এবং এখন HTML5 এ <এমবেড> সহ? সবচেয়ে ভালো উপায় কি?

— VinnyG

@ ভিনিজি <embed>এখন আনুষ্ঠানিকভাবে এইচটিএমএল 5 এর সাথে একটি স্ট্যান্ডার্ড ট্যাগ, তবে আপনার পুরানো ব্রাউজার সংস্করণগুলির সাথে কমপক্ষে কিছু সামঞ্জস্যতার সমস্যা সম্পর্কে ধারণা করা উচিত ।

— b1nary.atr0phy

Answer 1

OBJECT বনাম ইমবেড - কেন সর্বদা এম্বেড ব্যবহার করবেন না?

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

objectকোনও পৃষ্ঠায় কিছু এম্বেড করার জন্য বর্তমান স্ট্যান্ডার্ড ট্যাগ। ডাব্লু 3 সি মনের মতো কিছু থাকার আগে embedনেটস্কেপ (পাশাপাশি img) অন্তর্ভুক্তobject ছিল ।

আপনি এইভাবে পিডিএফ অন্তর্ভুক্ত করবেনobject :

<object data="data/test.pdf" type="application/pdf" width="300" height="200">
  alt : <a href="data/test.pdf">test.pdf</a>
</object>

পুরানো ব্রাউজারগুলি বুঝতে পারে তবে না প্রায় প্রতিটি ব্রাউজারে দেখানোর জন্য আপনার যদি সত্যই ইনলাইন পিডিএফের প্রয়োজন হয় তবে আপনাকে এটি করতে হবে:embedobject

<object data="abc.pdf" type="application/pdf">
    <embed src="abc.pdf" type="application/pdf" />
</object>

এই সংস্করণটি বৈধতা দেয় না ।

Comments

<এম্বেড> আসলে HTML5 এর অংশ dev.w3.org/html5/spec/Overview.html#the-embed-element

— ড্রিউ LeSueur

যদিও <embed>এটি এইচটিএমএল 5 স্ট্যান্ডার্ডের একটি অংশ, <object>পুরানো ব্রাউজারগুলির সাথে সামঞ্জস্য করার কারণে এবং বিকল্প সামগ্রী প্রদর্শন করার দক্ষতার কারণে এটি আমার কাছে সেরা পছন্দ। থটস?

— রাফেল

@raphaelcm আমাকে শয়তানের উকিল খেলতে অনুমতি দিন। পুরানো ব্রাউজারগুলির সাথে সামঞ্জস্যতা বজায় রাখা যদি গুরুত্বপূর্ণ ছিল, এইচটিএমএল কখনও বিকশিত হত না। এখানে যা গুরুত্বপূর্ণ তা হল বাজার ভাগ , বিশেষত ব্রাউজার সংস্করণ সম্পর্কিত।

— b1nary.atr0phy

কেন এটি গৃহীত হয়? আমি ভেবেছিলাম <এম্বেড> HTML5 স্ট্যান্ডার্ড ট্যাগ।

— ফেবস্প্রো

আমার মনে হয় <এম্বেড> আরও ভাল পছন্দ হবে। এটি এইচটিএমএল 5 স্ট্যান্ডার্ডে রয়েছে যখন অবজেক্টের এটির অনেকগুলি বৈশিষ্ট্য রয়েছে (গুণাবলী) এম্বেড ট্যাগ থেকে এটির কার্যকারিতা আলাদা করার জন্য অবচিত করা হয়েছিল। w3schools.com/tags/tag_object.asp এটি আমার কাছে মনে হয় যে অবজেক্ট ট্যাগটি প্রায় একটি 'সুইস আর্মি নাক' ট্যাগ, যখন এম্বেডটি কোনও পৃষ্ঠায় সামগ্রী এম্বেড করার জন্য নির্মিত।

— cmaynard

Answer 2

কিছু অন্যান্য বিকল্প:

<object type="application/pdf" data="filename.pdf" width="100%" height="100%">
</object>

<object type="application/pdf" data="#request.localhost#_includes/filename.pdf" 
        width="100%" height="100%">
  <param name="src" value="#request.localhost#_includes/filename.pdf">
</object>

Answer 3

আপনি আইফ্রেমে পদ্ধতিটিও ব্যবহার করতে পারেন, যদিও এটি ক্রস ব্রাউজারের সাথে সামঞ্জস্যপূর্ণ নয় (উদাহরণস্বরূপ ক্রোমিয়াম বা অ্যান্ড্রয়েডে কাজ করছেন না এবং সম্ভবত অন্যরা -> পরিবর্তে ডাউনলোড করার অনুরোধ জানায়)। এটি ডেটাআরএল এবং সাধারণ ইউআরএলস নিয়ে কাজ করে, নিশ্চিত না যে অন্যান্য উদাহরণগুলি ডেটাআরএলএসের সাথে কাজ করে কিনা (দয়া করে আমাকে জানান যে অন্য উদাহরণগুলি ডেটাআরএলএসের সাথে কাজ করে?)

 <iframe class="page-icon preview-pane" frameborder="0" height="352" width="396" src="data:application/pdf;base64, ..DATAURLHERE!... "></iframe>

Answer 4

সম্ভবত ওয়েব পৃষ্ঠাগুলিতে পিডিএফ প্রদর্শনের জন্য সর্বোত্তম ক্রস ব্রাউজার সমাধানটি মজিলা পিডিএফ.জেএস প্রকল্প কোডটি ব্যবহার করা হয়, এটি একটি নোড.জেএস পরিষেবা হিসাবে চালানো যেতে পারে এবং নীচের হিসাবে ব্যবহার করা যেতে পারে

<iframe style="width:100%;height:500px" src="http://www.mysite.co.uk/libs/pdfjs/web/viewer.html?file="http://www.mysite.co.uk/mypdf.pdf"></iframe>

কিভাবে pdf.js ব্যবহার করবেন তার একটি টিউটোরিয়াল পাওয়া যাবে এই ইজেক্টমেন্ট ব্লগ নিবন্ধে

Answer 5

এম্বেড কোনও স্ট্যান্ডার্ড ট্যাগ নয়, যদিও বস্তু। এখানে একটি নিবন্ধ যা দেখে মনে হচ্ছে এটি আপনাকে সাহায্য করবে, কারণ পরিস্থিতি এত সহজ নয় বলে মনে হয়। পিডিএফ জন্য একটি উদাহরণ অন্তর্ভুক্ত করা হয়।

Comments

এম্বেড আমার কাছে বেশ মানক বলে মনে হচ্ছে - কমপক্ষে HTML5 এ।

— কাপা

@ bažmegakapa এটি এখন HTML5 এর সাথে অবশ্যই প্রমিত, তবে তিনি যে নিবন্ধটি উল্লেখ করছেন এটি ২০০৮ সালে ফিরে লেখা হয়েছিল এবং তার উত্তর ২০০৯ সালের, যা এইচটিএমএল 5 এর পূর্বাভাস দেয়।

— b1nary.atr0phy

@ b1naryatr0phy সে কারণেই আমি মন্তব্যটি যুক্ত করেছি। তিনি হয় হয় আমার দৃষ্টিভঙ্গি উত্তর আপডেট বা অপসারণ করা উচিত, কারণ এটি আর প্রাসঙ্গিক নয় তাই ভবিষ্যতের দর্শকদের সাহায্য করবে না।

— কাপা