এসভিজি ডক্স কি কাস্টম ডেটা-বৈশিষ্ট্যগুলিকে সমর্থন করে?


87

HTML5 এর মধ্যে উপাদান এক্সএমএল বৈশিষ্ট্যাবলী যাদের নাম দিয়ে শুরু সঞ্চিত নির্বিচারে মেটাডেটা থাকতে পারে data-যেমন <p data-myid="123456">। এসভিজি স্পেকের এই অংশটিও কি?

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

আমি ওয়ার্কিং গ্রুপ মেলিং তালিকা থেকে এই বার্তাটি পেয়েছি বলে তারা "প্রত্যাশা [তারা]" সমর্থন করবে। এটি কি অফিসিয়াল হয়ে গেল?

উত্তর:


121

যদিও অন্যান্য উত্তরগুলি প্রযুক্তিগতভাবে সঠিক, তারা এসভিজি একটি বিকল্প ব্যবস্থা সরবরাহ করে তা এই সত্যটি বাদ দেয় data-*। এসভিজি কোনও অ্যাট্রিবিউট এবং ট্যাগ অন্তর্ভুক্ত করার অনুমতি দেয় , যতক্ষণ না এটি বিদ্যমানগুলির সাথে বিরোধ না করে (অন্যথায়: আপনার নামের স্থান ব্যবহার করা উচিত)।

এই (সমতুল্য) প্রক্রিয়াটি ব্যবহার করতে:

  • এর mydata:idপরিবর্তে ব্যবহার করুন data-myid:<p mydata:id="123456">
  • আপনি এসভিজি খোলার ট্যাগটিতে নাম স্থানটি সংজ্ঞায়িত করেছেন তা নিশ্চিত করুন: <svg xmlns:mydata="http://www.myexample.com/whatever">

সম্পাদনা: এসভিজি 2 , বর্তমানে ডাব্লু 3 সি প্রার্থী প্রস্তাবনা (04 অক্টোবর 2018) সরাসরি সমর্থনdata- করবে (নেমস্পেস ছাড়াই, এইচটিএমএল হিসাবে একই)। যদিও সমর্থনটি ব্যাপকভাবে সম্প্রসারিত হওয়ার আগে এটি কিছু সময় নেবে। এটি নির্দেশ করার জন্য @ কেভেরবার্টকে ধন্যবাদ জানাই ।


7
সমীকরণের তৃতীয় অংশ: el.getAttribute('mydata:id')আপনি এসভিজি উপাদানটির সাথে সংযুক্ত ডেটা পেতে। (দ্রষ্টব্য: আপনি যদি el.getAttribute('id')
ডি

4
এটি গ্রহণযোগ্য উত্তর হওয়া উচিত। এসভিজি এক্সএমএল এর একটি এক্সটেনশন যা আপনাকে বিভিন্ন নেমস্পেস থেকে ট্যাগ ব্যবহার করতে দেয়।
মেল্লে

4
নাম স্থানটি কাস্টম হতে হবে কেন? নথিতে কোনও এইচটিএমএল 5 নেমস্পেস ঘোষণা করা কেন এসভিজিতে ব্যবহারের জন্য যথেষ্ট হবে না data-*?
ফ্যাবিয়েন স্নুওয়ার্ট

4
অবগতির জন্য, একটি প্রাইভেট নামস্থান (উদাহরণ: ব্যবহার কিনা <svg xmlns="http://www.w3.org/2000/svg" xmlns:mydata="http://www.myexample.com/whatever"><text x="10" y="20" mydata:id="something">SVG</text></svg>) অথবা XHTML নামস্থান, তন্ন তন্ন উপর যাচাই করবে validator.w3.org/check (করা SVG 1.1 ব্যবহার করে), তবে দুটো একসাথে ব্রাউজারে কাজ। এরপরেই ব্যবহার করা getAttributeবা getAttributeNSডেটা আনার পক্ষে এটি সম্ভব।
ফ্যাবিয়েন স্নোওয়ার্ট

29

data-*অ্যাট্রিবিউট HTML5 এর অংশ। এটি জেনেরিক এক্সএমএল বৈশিষ্ট্য নয়।

বর্তমান এসভিজি ডাব্লু 3 সি সুপারিশটি এসভিজি 1.1 (2011-08 থেকে)। এটি এই বৈশিষ্ট্যটিকে অনুমতি দেয় না, কারণ আপনি বৈশিষ্ট্য তালিকায় পরীক্ষা করতে পারেন ।

একই ক্ষেত্রে দেখা যায় করা SVG 2 ওয়ার্কিং খসড়া (2012-08 থেকে)। আপডেট (2015) : মনে হচ্ছে এটি এসভিজি 2 (বর্তমানে এখনও একটি কার্যকরী খসড়া) এর data-*বৈশিষ্ট্যগুলিকে সমর্থন করার উদ্দেশ্যে intended


19

9

আরও একটি সাধারণ প্রক্রিয়া আছে।

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

এটি অনুমানের প্রাসঙ্গিক অংশ (5.4)


4
পয়েন্টারের জন্য ধন্যবাদ। আমার কী এসভিজি আনুষ্ঠানিকভাবে data-গুণাবলী সমর্থন করে না তা অনুমান করা উচিত ?
লিওপড

4
descঅ্যাক্সেসিবিলিটি সেকসের জন্য নয় ?
ম্যাটানস্টার

@ ম্যাট আমি এমনটি ভাবি না, কমপক্ষে স্ট্যাবার্ডার্ডের ভিত্তিতে।
কলস্পার

4
@ ম্যাটটি অগত্যা নয়। আফাইক স্ট্যান্ডার্ডটি কেবল কোনও রেন্ডারিং ছাড়াই টীকা দেওয়ার উদ্দেশ্যে উল্লেখ করবে। এটি উদ্দেশ্যটির জন্য উপাদানটির উপযুক্ততার বিরোধিতা করে না। বিশেষত, অ্যাক্সেসযোগ্য লেবেল হিসাবে বৈশিষ্ট্য এবং ডেস্ক উপাদানগুলির ব্যবহার নিয়ে আলোচনা করার জন্য একটি ব্লগ পোস্ট রয়েছেaria-labelledbyএমডিএন অনুরূপ ব্যবহারের পরামর্শ দেয়। গুগল ফলাফলের আধিক্য দেওয়া, অ্যাক্সেসযোগ্য এসভিজি জন্য সর্বোত্তম অনুশীলনগুলি তার নিজের একটি প্রশ্নের মূল্য হতে পারে,
কলস্পার

4
@ রকিরোড: সত্যই নয় - এসভিজি স্পেসিফিকেশন স্পষ্টভাবে এই জাতীয় বৈশিষ্ট্যগুলিকে অনুমতি দেয় (উদাহরণস্বরূপ এইচটিএমএল / এক্সএইচটিএমএলের বিপরীতে যা দেয় না)। এছাড়াও নোট করুন যে আপনি যখন (ভুল) descস্বেচ্ছাসেবী তথ্যের জন্য ফিতা উপাদানগুলি ব্যবহার করতে পারেন তবে এটি লিঙ্কটি থেকে খুব স্পষ্ট হয় (আইএমএইচও) লিঙ্কটি থেকে এটি সুস্পষ্টভাবে বোঝায় যে এটি descউপাদানটির উদ্দেশ্যপ্রাপ্ত উদ্দেশ্য ছিল না । বলছেন না যে এটি করা উচিত নয়, কেবল আরও ভাল উপায় আছে।
jhndodo
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.