HTML ساختاری

تگ template

تگ template قطعه‌ای از HTML را نگه می‌دارد که هنگام بارگذاری صفحه رندر نمی‌شود و با جاوااسکریپت چندین بار قابل کپی و استفاده است. محتوای آن از طریق ویژگی content قابل دسترسی است. برای ساخت قالب آیتم‌های تکرارشونده در وب کامپوننت‌ها ایده‌آل است.

سینتکس

<template id="..."> محتوای قالب </template>

مثال کاربردی

<template id="item">
  <li class="item">نام محصول</li>
</template>
<script>
  // محتوای قالب با جاوااسکریپت کپی و استفاده می‌شود
</script>

ویژگی‌های (Attributes) مهم

id شناسه یکتا برای دسترسی به قالب در جاوااسکریپت
class کلاس CSS برای استایل‌دهی