<slot>: HTML ওয়েব কম্পোনেন্ট স্লট উপাদান (The HTML Web Component Slot element)। HTML এ <slot> ট্যাগ হল একটি স্থানধারক যা একটি ওয়েব উপাদানের মধ্যে সামগ্রী কাস্টমাইজ করতে ব্যবহার করা যেতে পারে। <slot> ট্যাগটি তার নামের বৈশিষ্ট্য দ্বারা চিহ্নিত করা হয়। <slot> ট্যাগ একটি <template> ট্যাগের ভিতরে ব্যবহৃত হয়। একটি <template> ট্যাগের ভিতরের বিষয়বস্তু জাভাস্ক্রিপ্ট ব্যবহার করে দৃশ্যমান না হওয়া পর্যন্ত রেন্ডার করা হবে না। <template> ট্যাগটি ব্যবহার করা হয় যখন আপনার কাছে HTML কোড থাকে যা আপনি বারবার ব্যবহার করতে চান। HTML ওয়েব কম্পোনেন্ট স্লট উপাদান (The HTML Web Component Slot element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML MASTER JHUTANDA</title>
<!--https://jhutanda.com-->
<!--https://github.com/jhutanda-->
</head>
<body>
<h1>slot tag</h1>
<!-- Create a template -->
<template>
<!-- dl means discription list -->
<dl>
<!-- dt meand discription terms -->
<dt name="name"></dt>
<!-- dd means discription data -->
<dd name="roll"></dd>
<dd name="mobile No"></dd>
<dd name="email"></dd>
</dl>
<!-- add style -->
<style>
template {
background-color: beige;
}
dl {
background-color: white;
}
dt {
background-color: red;
}
dd {
background-color: yellow;
}
</style>
</template>
<!-- add the data on template -->
<div>
<span slot="name">jhutanda</span>
<span slot="roll">1</span>
<span slot="mobile No">995533225</span>
<span slot="email">help@admin.com</span>
</div>
<div>
<span slot="name">xyz</span>
<span slot="roll">10</span>
<span slot="mobile No">1285522325</span>
<span slot="email">xyz@admin.com</span>
</div>
<div>
<span slot="name">abc</span>
<span slot="roll">50</span>
<span slot="mobile No">111112525</span>
<span slot="email">abc@gmail.com</span>
</div>
</body>
</html>