HTML <template> تگ

تعریف و استعمال

<template> تیگ کا استعمال کیا جاتا ہے، جو صفحہ لوڈ کئے جانے کے وقت استعمال کنندہ سے مخفی رکھا جاتا ہے.

<template> تیگ کا استعمال کیا جاتا ہے، جو کے اندر کونٹینٹ کا استعمال بعد میں کیا جاسکتا ہے.

آپ کچھ HTML کد کو بار بار استعمال کرنا چاہتے ہیں، لیکن اس کو ضرورت کے وقت دکھایا جائے، تو آپ کو <template> تیگ، اگر <template> تیگ، آپ کو جاوااسکریپٹ کا استعمال کریں تاکہ مراویوگروپ پر ایندھن کا استعمال کیا جائے اور مراویوگروپ کا نمائش نہ کیا جائے.

مثال

مثال 1

استفاده میں <template> بعضی کونٹینٹ کو صفحہ لوڈ کئے جانے کے وقت مخفی رکھا جائے اور اس کو جاوااسکریپٹ کے ذریعے دکھایا جائے:

<button onclick="شووکنٹینٹ()">مخفی کونٹینٹ دکھائیں</button>
<template>
  <h2>بگن</h2>
  <img src="img_white_flower.jpg" width="214" height="204">
</template>
<script>
فونکشن شووکنٹینٹ() {
  واری تمپ = داکومن.گتایلبرگمان("template")[0];
  واری کلون = تمپ.کنٹینٹ.کلوننوئیٹ(حقیقی);
  داکومن.بادی.ایمپلائی(کلون);
}
</script>

آزمایش کنید

مثال 2

آرایه کی هر چیزی کے لئے ایک نئی ڈیوی ڈائنامائی دفعہ پورٹل پر پُر کریں. ہر ڈیوی ڈائنامائی دفعہ کا HTML کد تمپلیٹ علامت میں ہوتا ہے:

<template>
  <div class="myClass">من دوست دارم: </div>
</template>
<script>
واری می آر آرایه = ["آئودی", "ب ایم و", "فورڈ", "هاندا", "جیاگر", "نیسان"];
فونکشن شووکنٹینٹ() {
  واری تمپ، آئٹم، اے، ای;
  تمپ = داکومن.گتایلبرگمان("template")[0];
  آئٹم = تمپ.کنٹینٹ.کویئریselector("div");
  برای (ای = 0; ای < می آر.لنک; ای++) {
    a = داکومن.ایمپورٹنوئیٹ(آئٹم، حقیقی);
    a.textContent += myArr[i];
    document.body.appendChild(a);
  }
}
</script>

آزمایش کنید

مثال 3

بررسی کنید که مرورگرها از <template> پشتیبانی از:

<script>
if (document.createElement("template").content) {
  document.write("Your browser supports template!");
} else {
  document.write("Your browser does not supports template!");
}
</script>

آزمایش کنید

خصوصیات جهانی

<template> این تگ‌ها نیز از خصوصیات جهانی پشتیبانی می‌کنند خصوصیات جهانی HTML。

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهای که این ویژگی را پشتیبانی می‌کنند است.

کروم کریم افراد سفاری اپرا
کروم کریم افراد سفاری اپرا
26.0 13.0 22.0 8.0 15.0