HTML-এর ডেটা-* বৈশিষ্ট্যগুলি সমস্ত HTML উপাদানগুলিতে কাস্টম ডেটা বৈশিষ্ট্যগুলি এম্বেড করতে ব্যবহৃত হয়। এটি একটি বৈশ্বিক বৈশিষ্ট্য এবং যেকোনো উপাদানে ব্যবহার করা যেতে পারে।
নিম্নলিখিত সিনট্যাক্স −
<element data-attribute-name=”attribute_value”
উপরে, অ্যাট্রিবিউট-নামের শুধুমাত্র ছোট হাতের অক্ষর থাকা উচিত। এর সাথে, এটি উপসর্গ "data-"
এর পরে অন্তত একটি অক্ষর হতে হবেএইচটিএমএল-এ ডেটা-* বৈশিষ্ট্যগুলি বাস্তবায়নের জন্য এখন একটি উদাহরণ দেখা যাক। এটি সম্পর্কে আরও তথ্য পেতে যে কোনো অ্যাট্রিবিউটে ক্লিক করুন −
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<script>
function display(tutorial) {
var type = tutorial.getAttribute("data-tutorial-type");
alert(tutorial.innerHTML + " = " + type + ".");
}
</script>
</head>
<body>
<h1>Tutorials</h1>
<h2 onclick="display(this)" id="java" data-tutorial-type="programming language">Java</h2>
<h2 onclick="display(this)" id="jquery" data-tutorial-type="scripting language">jQuery</h2>
<h2 onclick="display(this)" id="mysql" data-tutorial-type="database">MySQL</h2>
</body>
</html> আউটপুট
এখন অ্যাট্রিবিউট সম্পর্কে আরও তথ্য পেতে উপরের
শিরোনামের যেকোনো একটিতে ক্লিক করুন। আমরা এখানে jQuery অ্যাট্রিবিউটে ক্লিক করেছি −
