HTML स्लॉट्स के साथ ऑटो-जनरेटेड टेबल ऑफ़ कॉन्टेंट्स कैसे करें

विषय - सूची उदाहरण के लिए, कई वेबसाइटों के उपयोगकर्ता अनुभव में बहुत सुधार कर सकते हैं प्रलेखन साइटों या ऑनलाइन विश्वकोश विकिपीडिया की तरह। सामग्री की एक अच्छी तरह से डिज़ाइन की गई तालिका पृष्ठ का अवलोकन देता है और उपयोगकर्ताओं को जिस अनुभाग में रुचि रखते हैं, उसे जल्दी से नेविगेट करने में मदद करता है.

परंपरागत रूप से, आप HTML या जावास्क्रिप्ट में सामग्री की तालिका बना सकते हैं, लेकिन हाल ही में मानकीकृत HTML स्लॉट्स प्रदान करते हैं दोनों के बीच का रास्ता. HTML खांचा एक वेब मानक है जो आपको अनुमति देता है एक वेब पेज पर प्लेसहोल्डर्स जोड़ें और बादमें इसे सामग्री के साथ गतिशील रूप से भरें.

कब उपयोग करना है टैग

आप जगह दे सकते हैं आपकी HTML फ़ाइल के अंदर सामग्री की तालिका में टैग, इसलिए बाद में स्लॉट हो सकते हैं प्रासंगिक हेडिंग और सबहेडिंग से भरा हुआ. जब शीर्षकों को बदल दिया जाता है स्लॉट्स ऑटो अपडेटेड हैं.

इस तकनीक के साथ, आपको मैन्युअल रूप से सामग्री की तालिका का HTML स्रोत कोड बनाने की आवश्यकता है। जावास्क्रिप्ट केवल सामग्री तालिका के पाठ सामग्री को स्वतः उत्पन्न करता है, पृष्ठ पर हेडिंग या सबहेडिंग के आधार पर.

यदि आप HTML में मौजूद सामग्रियों की तालिका नहीं चाहते हैं तो आपको इसकी आवश्यकता होगी जावास्क्रिप्ट के साथ लेआउट और सामग्री दोनों उत्पन्न करें.

1. HTML बनाएं

TOC (सामग्री की तालिका) के लिए HTML स्रोत कोड होगा अंदर एक