ট্যাগের বৈশিষ্ট্য data-srcবা srcবৈশিষ্ট্য ব্যবহারের পার্থক্য এবং ফলাফল (ভাল এবং খারাপ উভয়) কী কী img? আমি উভয় ব্যবহার করে একই ফলাফল অর্জন করতে পারি? যদি তাই হয় তবে তাদের প্রত্যেকটি কখন ব্যবহার করা উচিত?
ট্যাগের বৈশিষ্ট্য data-srcবা srcবৈশিষ্ট্য ব্যবহারের পার্থক্য এবং ফলাফল (ভাল এবং খারাপ উভয়) কী কী img? আমি উভয় ব্যবহার করে একই ফলাফল অর্জন করতে পারি? যদি তাই হয় তবে তাদের প্রত্যেকটি কখন ব্যবহার করা উচিত?
উত্তর:
বৈশিষ্ট্যাবলী srcএবং data-srcকমন কিছু নেই ছাড়া তারা উভয় HTML5 এর সি আর অনুমতি দিয়েছেন এবং তারা উভয় অক্ষর থাকা src। অন্য সব কিছু আলাদা।
srcঅ্যাট্রিবিউট এইচটিএমএল চশমা সংজ্ঞায়িত করা হয়, এবং এটি একটি কার্মিক অর্থ আছে।
data-srcঅ্যাট্রিবিউট শুধু অসীম সেট অন্যতম data-*বৈশিষ্ট্য, যা কোন অর্থ সংজ্ঞায়িত করেছেন কিন্তু একটি উপাদান অদৃশ্য ডেটা, স্ক্রিপ্টিং (অথবা স্টাইলিং) ব্যবহারের জন্য অন্তর্ভুক্ত করা ব্যবহার করা যাবে।
আপনি যদি চিত্রটি কোনও নির্দিষ্ট চিত্র লোড করতে এবং প্রদর্শন করতে চান তবে .srcসেই চিত্রটির URL টি লোড করতে ব্যবহার করুন ।
আপনি যদি কোনও ইউআরএল থাকতে পারে এমন কোনও মেটা ডেটা (কোনও ট্যাগে) চান , তবে ব্যবহার করুন data-srcবা data-xxxআপনি নির্বাচন করতে চান এমন কোনও ব্যবহার করুন।
ডেটা-এক্সএক্সএক্সএক্সএক্স অ্যাট্রিবিউটে এমডিএন ডকুমেন্টেশন: https://developer.mozilla.org/en-US/docs/DOM/element.dataset
srcকোনও চিত্র ট্যাগের উদাহরণ যেখানে চিত্রটি আপনার জন্য জেপিজি লোড করে এবং এটি প্রদর্শন করে:
<img id="myImage" src="http://mydomain.com/foo.jpg">
<script>
var imageUrl = document.getElementById("myImage").src;
</script>কোনও চিত্র-নন ছবিতে 'ডেটা-এসআরসি'র উদাহরণ যেখানে চিত্রটি এখনও লোড হয়নি - এটি ডিভ ট্যাগে কেবলমাত্র মেটা ডেটার একটি অংশ:
<div id="myDiv" data-src="http://mydomain.com/foo.jpg">
<script>
// in all browsers
var imageUrl = document.getElementById("myDiv").getAttribute("data-src");
// or in modern browsers
var imageUrl = document.getElementById("myDiv").dataset.src;
</script>data-srcবিকল্প চিত্রের ইউআরএল সংরক্ষণ করার জন্য জায়গা হিসাবে ব্যবহৃত কোনও চিত্র ট্যাগের উদাহরণ :
<img id="myImage" src="http://mydomain.com/foo.jpg" data-src="http://mydomain.com/foo.jpg">
<script>
var item = document.getElementById("myImage");
// switch the image to the URL specified in data-src
item.src = item.dataset.src;
</script>প্রথমটি <img />অবৈধ - srcএকটি প্রয়োজনীয় বৈশিষ্ট্য। data-srcজাভাস্ক্রিপ্ট দ্বারা লাভ করা যায় তার চেয়ে বেশি একটি বৈশিষ্ট্য, তবে এর কোনও বর্তমান অর্থ নেই।
srcঅবশ্যই অন্তর্ভুক্ত করা উচিত। আপনি data-স্ক্রিপ্টিং ভাষার (জাভাস্ক্রিপ্টের মতো) অতিরিক্ত উপাত্ত যোগ করার জন্য বৈশিষ্ট্যগুলি ব্যবহার করেন ।
ডেটা-সিআরসি অ্যাট্রিবিউট হ'ল এইচটিএমএল 5 তে প্রবর্তিত ডেটা- * অ্যাট্রিবিউট সংগ্রহের অংশ। ডেটা-সিআরসি আমাদের অতিরিক্ত ডেটা সংরক্ষণ করার অনুমতি দেয় যা ব্রাউজারটির কোনও অর্থ নেই তবে এটি জাভাস্ক্রিপ্ট কোড বা সিএসএস বিধি দ্বারা ব্যবহার করা যেতে পারে।
ওয়েল ডেটা এসসিআর অ্যাট্রিবিউট কেবলমাত্র এএসপি.এনইটি উদাহরণস্বরূপ বাঁধাই ডেটার জন্য ব্যবহৃত হয় ...