टैब वर्ण कैसे प्राप्त करें?


123

HTML में, टैब के लिए कोई वर्ण नहीं है, लेकिन मुझे भ्रम है कि मैं यहां एक कॉपी और पेस्ट क्यों कर सकता हूं: (आप इसकी पूरी चौड़ाई नहीं देख सकते हैं, लेकिन यदि आप मेरे प्रश्न को संपादित करने के लिए क्लिक करते हैं, तो आप वर्ण देखेंगे।) यदि मैं एक टैब वर्ण को कॉपी और पेस्ट कर सकता हूं, तो एक यूनिकोड समतुल्य होना चाहिए जिसे html में कोडित किया जा सके। । मुझे पता है कि इसका कोई अस्तित्व नहीं है, लेकिन यह एक ऐसा रहस्य है जिसे मैं कभी समझ नहीं पाया।

तो मेरा सवाल यह है: एक टैब के लिए एक यूनिकोड वर्ण क्यों नहीं है, भले ही मैं इसे कॉपी और पेस्ट कर सकता हूं?


7
यहाँ आपके लिए एक टैब वर्ण है: ""। अगर आपको अन्य पात्रों की आवश्यकता है तो मुझे बस टेक्स्ट करें! मेरे पास रिक्त स्थान, डैश और ग्रीक पत्र भी हैं!
पागल

यूनिक्स पर: Ctrl + Shift + U और फिर इंडेंट कैरेक्टर के लिए 9।
neverMind9

StackOverflow मुंगेस पाठ को प्रश्नों या उत्तरों की तुलना में अधिक गंभीर रूप से बताता है। ``, '', और "" TAB वर्णों को चिपकाया गया , विभिन्न तरीकों से उद्धृत किया गया।
मार्क्यु

जवाबों:


165

सुनिश्चित करें कि टैब के लिए एक इकाई है:

	

(टैब ASCII वर्ण 9 है, या यूनिकोड U + 0009 है।)

हालाँकि, शाब्दिक टैब की तरह (जिन्हें आप अपने टेक्स्ट एडिटर में टाइप करते हैं), सभी टैब वर्णों को HTML पार्सर्स द्वारा व्हाट्सएप के रूप में माना जाता है और<pre> ब्लॉक के भीतर उन लोगों को छोड़कर एक ही स्थान पर ढह जाता है , जहां शाब्दिक टैब 8 स्थानों में दिए जाएंगे। मोनोपास फ़ॉन्ट।


1
यह दिलचस्प है, लेकिन अगर यह एक यूनिकोड चरित्र है, तो html इसे (इसे ढहते हुए) बिल्कुल नहीं बदलना चाहिए, क्या यह होना चाहिए?
अभय ग्रेबनर

2
यूनिकोड का अपना टैब चरित्र नहीं है; U + 0009 उसी टैब वर्ण के समान है जिसे आप दबाकर प्राप्त करते हैं Tab। (मुझे लगता है कि आप यूनिकोड वर्ण सेट के साथ HTML संस्थाओं को भ्रमित कर रहे होंगे।)
josh3736

9
अधिक आम तौर पर आप & # 9 का उपयोग कर सकते हैं; सीएसएस शैली सफेद-अंतरिक्ष के साथ किसी भी तत्व में: पूर्व; जैसे jsfiddle.net/cancerbero_sgx/sp269/3
cancerbero

96

प्रयत्न &emsp;

डॉक्स के अनुसार:

वर्ण इकाइयाँ &ensp;और &emsp;क्रमशः एक एन स्पेस और एक एम स्पेस को दर्शाती हैं, जहां एक एन स्पेस आधे बिंदु के आकार का है और एक एम स्पेस वर्तमान फ़ॉन्ट के बिंदु आकार के बराबर है। फिक्स्ड पिच फॉन्ट के लिए, यूजर एजेंट एन स्पेस को ए स्पेस कैरेक्टर के बराबर और ई स्पेस को दो स्पेस कैरेक्टर के बराबर माना जा सकता है।

डॉक्स लिंक: https://www.w3.org/MarkUp/html3/specialchars.html


48

इसे <pre></pre>टैग के बीच रखें और फिर इस वर्ण का उपयोग करें&#9;

यह <pre></pre>टैग के बिना काम नहीं करेगा


4
ठीक है, यह बहुत अच्छा है, मैं &#9;अपने आप से उपयोग करने की कोशिश कर रहा था , लेकिन यह काम नहीं किया। उल्लेख करने के लिए धन्यवाद <pre>!
अभय ग्रेबनर

1
बहुत बढ़िया सुझाव। आखिर ऐसा व्यवहार क्यों करता है?
9

1
<प्री> टैग पूर्व-निर्धारित पाठ को परिभाषित करता है टैग के अंदर कोई भी पाठ स्थान रिक्त स्थान, लाइन ब्रेक, टैब आदि को संरक्षित करेगा। यह आमतौर पर कूरियर की तरह एक निश्चित चौड़ाई फ़ॉन्ट प्रकार में प्रदर्शित किया जाएगा
Raymund

2
आप किसी भी html टैग का उपयोग कर सकते हैंwhite-space: pre-wrap;white-space: pre;
पेट्र हर्टक

16

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

प्रत्येक टैब को एक सीक्वेंस नॉन-ब्रेकिंग स्पेस में परिवर्तित किया जा सकता है जिसके लिए रैपिंग की आवश्यकता नहीं होती है।

"&nbsp;&nbsp;&nbsp;&nbsp;" 

यह एक पृष्ठ के भीतर दोहराया / व्यापक उपयोग के लिए अनुशंसित नहीं है। डिव मार्जिन / पैडिंग दृष्टिकोण बहुत साफ दिखाई देगा।


5
यदि टैब को टेक्स्ट को टैब के दाईं ओर संरेखित करने के लिए एक उपकरण के रूप में उपयोग किया जा रहा है (जहां बाईं ओर गैर-निश्चित चौड़ाई फ़ॉन्ट टेक्स्ट नहीं के बराबर हैं), nbsp चार्ट में कनवर्ट करने से समस्या हल नहीं होगी।
स्टीव मिडगली

4

मैं <span style="display: inline-block; width: 2ch;">&#9;</span>दो वर्णों के विस्तृत टैब के लिए उपयोग करता हूं ।


यह टैब के समान नहीं है, यह सिर्फ सफेद स्थान जोड़ रहा है इसलिए इसके साथ कोई कॉलम नहीं है।
सलामी

1

यूनिकोड लाइब्रेरी में टैब [HT] या कैरेक्टर नंबर 9 है।


1

जैसा कि उल्लेख किया गया है, दक्षता कारणों से अनुक्रमिक रिक्त स्थान को एक स्थान में समेकित किया जाता है जिसे ब्राउज़र वास्तव में प्रदर्शित करता है। याद रखें कि HTML में ML क्या है। यह एक मार्क-अप भाषा है, जिसे नियंत्रित करने के लिए डिज़ाइन किया गया है कि टेक्स्ट कैसे प्रदर्शित होता है .. व्हाट्सएप नहीं: पी

फिर भी, आप ब्राउज़र का दिखावा कर सकते हैं टैब का सम्मान करता है क्योंकि सभी TAB करता है 4 रिक्त स्थान है, और यह सीएसएस के साथ आसान है। या तो लाइन में जैसे ...

 <div style="padding-left:4.00em;">Indenented text </div>

या एक स्टाइल शीट में एक नियमित वर्ग के रूप में

.tabbed {padding-left:4.00em;}

तब HTML जैसा दिख सकता है

<p>regular paragraph regular paragraph regular paragraph</p>
<p class="tabbed">Indented text Indented text Indented text</p>
<p>regular paragraph regular paragraph regular paragraph</p>

1
यह एक टैब नहीं है। टैब्स लाइन अप कंटेंट, - एक पंक्ति में यह 3 रिक्त स्थान जोड़ सकता है और दूसरे पर 4. वैचारिक रूप से, यह कर्सर को अगले टैब स्टॉप पर ले जाता है।
1
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.