# टेम्प्लेट और कस्टम एलिमेंट्स — एचटीएमएल

Source: https://www.geekswithgeeks.com/hi/html/html-custom-elements-templates

> पुन: उपयोग योग्य Web Components के पीछे के मूल तत्व।

## template टैग

`<template>` निष्क्रिय मार्कअप रखता है — यह पार्स होता है पर **रेंडर नहीं होता** जब तक JavaScript उसे क्लोन करके न जोड़े।

## कस्टम एलिमेंट्स

Web Components आपको JavaScript क्लास से समर्थित अपने खुद के टैग, जैसे `<user-card>`, बनाने देते हैं — Angular जैसे फ्रेमवर्क वैचारिक रूप से इसी पर आधारित हैं।

**Quiz:** <template> टैग के अंदर के कंटेंट के बारे में क्या सही है?

- [ ] यह सामान्य HTML की तरह तुरंत रेंडर होता है
- [x] यह तब तक निष्क्रिय रहता है जब तक JavaScript इसे पेज में क्लोन न करे
- [ ] यह अमान्य HTML है

*Answer:* यह तब तक निष्क्रिय रहता है जब तक JavaScript इसे पेज में क्लोन न करे. टेम्प्लेट कंटेंट पार्स होता है पर तब तक छिपा और निष्क्रिय रहता है जब तक स्क्रिप्ट से स्पष्ट रूप से क्लोन न किया जाए।