HTML टेबल जनरेटर: सेल या CSV से सुलभ टेबल बनाएं

Q: scope विशेषता क्या करती है?

यह सहायक तकनीक को बताती है कि कोई हेडर किन सेलों का नाम है। scope col का मतलब है कि हेडर अपने कॉलम के ऊपर है, और scope row का मतलब है कि वह अपनी पंक्ति की शुरुआत में है। scope के बिना स्क्रीन रीडर को रिश्ता अंदाजे से समझना पड़ता है।

Q: हेडर कॉलम कब इस्तेमाल करना चाहिए?

तब, जब पहला कॉलम हर पंक्ति का नाम हो, जैसे कोई उत्पाद, व्यक्ति या महीना। बिना पंक्ति के नाम वाली संख्याओं की टेबल को इसकी जरूरत नहीं, इसलिए उसे छोड़ दें।

Q: टेबल में कैप्शन क्यों चाहिए?

कैप्शन टेबल को शीर्षक देता है, जिसे स्क्रीन रीडर सेलों से पहले बोलते हैं। वह एक नजर देखने वाले विज़िटर को भी बताता है कि टेबल किस बारे में है, इसलिए जब टेबल अकेली खड़ी हो, तो कैप्शन जरूर लिखें।

Q: स्प्रेडशीट के लिए कौन सा विभाजक चुनना चाहिए?

स्प्रेडशीट से कॉपी किए टेक्स्ट के लिए टैब, और ऐसी भाषा में सहेजी CSV फ़ाइल के लिए सेमीकोलन चुनें जहाँ दशमलव चिह्न कॉमा हो। अपने-आप पहचानें ज्यादातर मामलों में चल जाता है, और कॉपी करने से पहले पूर्वावलोकन परिणाम दिखाता है।

Q: क्या न्यूनतम स्टाइल मेरे पेज की दूसरी टेबल बदलती है?

हाँ, अगर उसे जैसा है वैसा पेज में चिपकाएँ, क्योंकि style तत्व पेज की हर टेबल पर लागू होता है। अगर आपके पेज की टेबल पहले से स्टाइल हैं, तो उसे छोड़ दें, या सिर्फ जरूरी नियम कॉपी करें।

Q: क्या मेरी लिखी या चिपकाई टेबल कहीं भेजी या सहेजी जाती है?

नहीं। टेबल, पूर्वावलोकन और HTML आपके ब्राउज़र में बनते हैं। कुछ भी सर्वर को नहीं भेजा या सहेजा जाता, इसलिए पेज छोड़ने से पहले HTML कॉपी या डाउनलोड कर लें।

इसका इस्तेमाल कैसे करें

ग्रिड में सेल लिखें, या CSV या TSV चिपकाएँ (वैकल्पिक) में CSV या TSV चिपकाकर टेबल में लोड करें दबाएँ।
हेडर सेल चिह्नित करने के लिए पहली पंक्ति हेडर है और पहला कॉलम हेडर है चुनें।
टेबल में क्या दिखता है, यह बताने वाला कैप्शन लिखें। टेबल को बॉर्डर चाहिए हो तो न्यूनतम स्टाइल जोड़ें चुनें।
HTML बॉक्स कॉपी करें या डाउनलोड दबाएँ, और मार्कअप अपने पेज पर चिपकाएँ।

हेडर सेल में स्कोप क्यों होता है

हेडर सेल एक th तत्व है, td नहीं। उसकी scope विशेषता बताती है कि वह किन सेलों का नाम है: col, कॉलम के ऊपर वाले हेडर के लिए, और row, पंक्ति की शुरुआत वाले हेडर के लिए। स्क्रीन रीडर इन हेडर को हर डेटा सेल के साथ बोलते हैं, इसलिए जो विज़िटर ग्रिड नहीं देख सकता, वह भी जानता है कि कोई संख्या किस चीज की है।

कैप्शन पूरी टेबल का शीर्षक है, और वह टेबल के अंदर सबसे पहली चीज है। कैप्शन ऐसा लिखें जो बताए कि टेबल क्या दिखाती है, जैसे मासिक बिक्री, उसे छोड़ें नहीं। HTML टेबल वाला खंड इन तत्वों का वर्णन करता है।

कॉलम के ऊपर का हेडर: th, scope col;  पंक्ति की शुरुआत का हेडर: th, scope row;  डेटा: td

स्प्रेडशीट से चिपकाना और एस्केपिंग

CSV टेक्स्ट में सेल कॉमा, सेमीकोलन या टैब से अलग होते हैं, और जिस सेल में इनमें से कोई अक्षर हो, वह दोहरे उद्धरण चिह्नों में लिपटा होता है। स्प्रेडशीट से सेल कॉपी करने पर आम तौर पर टैब से अलग टेक्स्ट आता है। जिन भाषाओं में दशमलव भाग कॉमा से लिखा जाता है, वहाँ की स्प्रेडशीट अक्सर CSV फ़ाइलें सेमीकोलन से सहेजती हैं। अपने-आप पहचानें पहली लाइन पढ़ता है और वह विभाजक चुनता है जो सबसे ज्यादा बार आता है।

हर सेल का टेक्स्ट लिखने से पहले एस्केप किया जाता है। < या & जैसा अक्षर एक संदर्भ बन जाता है, इसलिए वह पेज पर टेक्स्ट दिखता है और कभी मार्कअप की तरह नहीं पढ़ा जाता। छोटी पंक्ति खाली सेल से भरी जाती है, ताकि हर पंक्ति में सेल की संख्या एक जैसी रहे।

उदाहरण: दो कॉलम की टेबल, हेडर पंक्ति और हेडर कॉलम के साथ

पहली पंक्ति में सेल महीना और बिक्री लें, और दूसरी में जनवरी और 1200, जिसमें पहली पंक्ति और पहला कॉलम हेडर हों, और कैप्शन बिक्री हो।

टेबल एक caption तत्व से शुरू होती है, जिसमें बिक्री लिखा है, फिर दो हेडर सेल वाला head, और उसके बाद body जिसमें जनवरी एक हेडर सेल है, scope row के साथ, और 1200 एक डेटा सेल है।

अक्सर पूछे जाने वाले सवाल

scope विशेषता क्या करती है?

यह सहायक तकनीक को बताती है कि कोई हेडर किन सेलों का नाम है। scope col का मतलब है कि हेडर अपने कॉलम के ऊपर है, और scope row का मतलब है कि वह अपनी पंक्ति की शुरुआत में है। scope के बिना स्क्रीन रीडर को रिश्ता अंदाजे से समझना पड़ता है।

हेडर कॉलम कब इस्तेमाल करना चाहिए?

तब, जब पहला कॉलम हर पंक्ति का नाम हो, जैसे कोई उत्पाद, व्यक्ति या महीना। बिना पंक्ति के नाम वाली संख्याओं की टेबल को इसकी जरूरत नहीं, इसलिए उसे छोड़ दें।

टेबल में कैप्शन क्यों चाहिए?

कैप्शन टेबल को शीर्षक देता है, जिसे स्क्रीन रीडर सेलों से पहले बोलते हैं। वह एक नजर देखने वाले विज़िटर को भी बताता है कि टेबल किस बारे में है, इसलिए जब टेबल अकेली खड़ी हो, तो कैप्शन जरूर लिखें।

स्प्रेडशीट के लिए कौन सा विभाजक चुनना चाहिए?

स्प्रेडशीट से कॉपी किए टेक्स्ट के लिए टैब, और ऐसी भाषा में सहेजी CSV फ़ाइल के लिए सेमीकोलन चुनें जहाँ दशमलव चिह्न कॉमा हो। अपने-आप पहचानें ज्यादातर मामलों में चल जाता है, और कॉपी करने से पहले पूर्वावलोकन परिणाम दिखाता है।

क्या न्यूनतम स्टाइल मेरे पेज की दूसरी टेबल बदलती है?

हाँ, अगर उसे जैसा है वैसा पेज में चिपकाएँ, क्योंकि style तत्व पेज की हर टेबल पर लागू होता है। अगर आपके पेज की टेबल पहले से स्टाइल हैं, तो उसे छोड़ दें, या सिर्फ जरूरी नियम कॉपी करें।

क्या मेरी लिखी या चिपकाई टेबल कहीं भेजी या सहेजी जाती है?