# टेम्प्लेट और कस्टम एलिमेंट्स — HTML Fundamentals: Structure, Forms और Accessibility

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

> template element और custom elements से मिलें जो पुनः उपयोगी Web Components का आधार हैं।

## template टैग

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

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

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

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

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

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