क्या वेब पर टेक्स्ट इंडेंट का इस्तेमाल किया जाना चाहिए?


11

मैंने अपनी वेबसाइट पर टेक्स्ट इंडेंट को जोड़ने के बारे में सोचा (इंडेंट की पैराग्राफ की पहली लाइन को -हार्ट करना), लेकिन पहले थोड़ा खोजा, और यह पाया कि कई साइट्स में कोई टेक्स्ट इंडेंट नहीं है। ऐसा क्यों है? मैंने सोचा कि यह स्पष्ट कर देता है कि पैराग्राफ कहाँ से शुरू होते हैं, इसलिए इसका उपयोग अधिक बार क्यों नहीं किया जाता है?

क्या एक गंभीर नकारात्मक पहलू है, या यह केवल फैशन / प्रवृत्ति की बात है?

जवाबों:


8

आप पैराग्राफ को कई तरीकों से अलग कर सकते हैं।

इंडेंट

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 
    Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 
    Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

रिक्त रेखा / स्थान

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 

Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 

Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

फ्लेरनस / फूल / आइकन्स / बग्स

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius 
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. ~•~ 
Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

नंबर

1  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
   Curabitur in orci pellentesque, volutpat metus eget, interdum 
   mauris. 
2  Nunc faucibus lectus id libero blandit, et varius augue 
   vehicula. Cras eu dictum libero, a elementum velit. Fusce 
   ultrices malesuada elit, et convallis massa tristique in. 
3  Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
   Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
   velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
   sit amet neque aliquam ultrices eget vitae urna. 

सभी (और साथ ही अन्य तरीके) सभी वैध हैं। जैसा कि आमतौर पर होता है, उनका संयोजन होता है, क्योंकि यह थोड़ा बेमानी है। यदि आपके पास पहले से ही पैराग्राफ के बीच एक जगह है, तो इंडेंटिंग वास्तव में उन्हें नेत्रहीन अलग करने में मदद करने के लिए नहीं है।

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


2
दिलचस्प बात है कीड़े। लेकिन मुझे नहीं लगता कि यह एक उपयोगी है। : ओ) - संख्या (imho) का मतलब सिर्फ अलग-अलग पैराग्राफ की तुलना में कुछ बेहतर है।
राफेल

@ राफेल उपयोगिता संदर्भ आधारित है। :) यह, माना जाता है, आमतौर पर इस्तेमाल नहीं किया जाता है।
DA01

खैर ... हमें इस टिप्पणी बक्से पर इस कीड़े का उपयोग करने की आवश्यकता है! --- स्टैक एक्सचेंज: मैं टिप्पणी पर PARAGRAPHS चाहता हूं! : ओ)
राफेल

@ राफेल वास्तव में एक उत्कृष्ट उदाहरण है जहां यह उपयोगी होगा! :)
DA01

1
"बग्स" (या ऐसा ही कुछ) लेखन के कई प्राचीन रूपों में उपयोग किया गया था। वे एक समय से मूल पैराग्राफ सेपरेटर हैं जब लेखन की सतह सीमित थी और सूचना घनत्व महत्वपूर्ण था। मैं ऐसी ही स्थितियों में उनका उपयोग करने का सुझाव दूंगा। अतिरिक्त लाइन ब्रेक के विकल्प की तुलना में इंडेंट अंतरिक्ष को भी बचाते हैं। लेकिन आधुनिक वेब टाइपोग्राफी को जब भी संभव हो, उपयोग करना चाहिए।
रिच रेमर

4

यह ज्यादातर व्यक्तिगत पसंद है और कुछ लोग तर्क देंगे कि लोग इंडेंट के बजाय ड्रॉप कैप का उपयोग क्यों नहीं करते हैं। व्यक्तिगत रूप से पैराग्राफ के बीच की जगह इंडिकेशन को मेरिट करती है।

इंडेंट का उपयोग करते समय उद्देश्य की मेरी समझ केवल सामग्री के नए ब्लॉकों के लिए उपयोग की जाती है जब किसी साइट के लिए ब्लॉग पोस्ट की तरह कुछ लिखा जाता है। कहा कि जब कुछ लोग सीएमएस साइटों या ब्लॉगों का उपयोग करते हैं तो आवश्यक पैराग्राफ पर एक इंडेंट को कोड करना कठिन होता है जब कई विषयों पर चर्चा होती है इसलिए हेडर टैग का उपयोग पृथक्करण के रूप में किया जाता है।

इसे हल करने के लिए आप कुछ टैग पर grepCSS text-indentसंपत्ति जोड़ने के लिए jQuery का उपयोग कर सकते हैं <p>। तो आपके प्रश्न का उत्तर देने के लिए यह एक व्यक्तिगत प्राथमिकता है। यह भी नोट करने के लिए कि क्या आप ब्लॉग पोस्ट जैसी किसी चीज़ के लिए ऐसा कर रहे हैं और आप नहीं चाहते कि हर <p>टैग इंडेंट हो जाए कि आप छद्म तत्व का इस्तेमाल पहले बच्चे कर सकते हैं:

p:first-child {
  text-ident: 1.5em;
}

ऐतिहासिक रूप से, एचटीएमएल में पैराग्राफ को इंडेंट करने या ड्रॉपकैप का उपयोग करने का कोई आसान तरीका नहीं था । जब सीएसएस एक लंबा आया, तो वह चीजें बदल गई।
DA01

1
अंधेरे युग की बात
मत करो

लंबे मामले (यानी किताबें) के लिए क्लासिक टाइपसेटिंग में एक खंड के पहले पैराग्राफ में इसके ऊपर जगह होगी और कोई इंडेंट नहीं होगा, जबकि शेष पैराग्राफ में इंडेंट होंगे। आमतौर पर यह किया गया था कि क्या शीर्षक या अनुभाग शीर्षक था या नहीं। एक अध्याय के रूप में एक महत्वपूर्ण ब्रेक के पहले पैराग्राफ को एक ड्रॉप कैप या एक प्रबुद्ध ड्रॉप कैप मिल सकती है।
RBerteig

4

क्या पाठ को इंडेंट किया जाना चाहिए? खैर यह व्यक्तिगत प्राथमिकता का मामला है लेकिन मैंने जिन साइटों को देखा है उनमें से अधिकांश में पैराग्राफ नहीं हैं।

आपको HTML की उत्पत्ति को देखना होगा

जब एचटीएमएल शुरू हुआ तो एक मानक गाइड नहीं था। HTML को बर्नर्स-ली द्वारा बनाया गया मूल माना जाता था जिसने ब्राउज़र और सर्वर सॉफ़्टवेयर लिखा था। प्रमुख संगठनों के लोगों ने पूछा कि वे किस प्रारूपण आदेश का उपयोग कर सकते हैं। चूंकि लिखित पाठ के पैराग्राफ में उनके बाद स्थान होता है, इसलिए उन्होंने इसे HTML में अपनाया। यह <p>टैग कैसे काम करता है। लोग निर्धारित मानकों को अपनाएंगे और वैकल्पिक का उपयोग नहीं करेंगे।

HTML 2.0 दस्तावेज़ से एक अंश भी है

क्षैतिज टैब वर्ण (HTML दस्तावेज़ वर्ण सेट में कोड स्थिति 9) को रिक्त स्थान की सबसे छोटी सकारात्मक नॉनज़रो संख्या के रूप में व्याख्या की जानी चाहिए जो पंक्ति पर अब तक वर्णों की संख्या को छोड़ देगी। 8. दस्तावेज़ में टैब वर्ण नहीं होना चाहिए , क्योंकि वे लगातार समर्थित नहीं हैं

http://www.ietf.org/rfc/rfc1866.txt

वेब पर वर्ड प्रोसेसर और उपयोग में टैब के बीच का अंतर

इंडेंटेशन की कमी का एक अन्य कारण टैब का उपयोग है। एक शब्द प्रसंस्करण कार्यक्रम में हम इंडेंट पैराग्राफ के टैब का उपयोग करने के आदी हैं। खैर यह नहीं है कि वेब पर चीजें कैसे काम करती हैं। जब 90 के दशक में फॉर्म बनाए गए थे, तो लोगों ने टैब की का उपयोग करके अगले क्षेत्र पर छोड़ दिया। अब लोग वेब पर टैब इंडेंट लाइनों के बजाय इस सुविधा के आदी हैं।

ऐसा कोई कारण नहीं है कि आप वेब पर एक पैराग्राफ इंडेंट नहीं कर सकते। लोगों को सिर्फ पैराग्राफ पर इंडेंटेशन न करने और ऊर्ध्वाधर स्थान रखने के लिए उपयोग किया जाता है।

p {
    text-indent: 20px;
}

1
टैब कुंजी एक लाल हेरिंग का एक सा है। टैब कुंजी का उपयोग हमेशा फ़ील्ड के बीच टैब के लिए किया जाता है। यह वेब से पहले का है। यह textareaफ़ील्ड के लिए प्रासंगिक है , लेकिन किसी वेब पेज में सामान्य अनुच्छेद स्वरूपण नहीं है (जैसा कि उपयोगकर्ता पैराग्राफ पढ़ने के लिए टैब कुंजी का उपयोग नहीं करता है)। यह भी ध्यान दें कि HTML वह नहीं है जो डिफ़ॉल्ट रूप से स्थान
बनाता

@ DA01 बर्नर्स-ली ने ऐसा सॉफ्टवेयर और ब्राउज़र नहीं बनाया जो HTML को रेंडर करे? मैं समझता हूं कि एक ब्राउज़र HTML का प्रतिपादन करता है लेकिन क्या उसने उसके लिए मानक नहीं बनाए हैं? क्या यह तथ्य नहीं है कि टैब को हमेशा फ़ील्ड के बीच टैब के लिए उपयोग किया जाता था क्यों यह HTML में लागू नहीं किया गया था? इस तथ्य के अनुसार HTML सफेद स्थान को नहीं पहचानता है।
एंड्रयूह

2
सही है, लेकिन इसे कैसे प्रस्तुत करना है, इसके लिए 'HTML मानक' नहीं था। यह सिर्फ इतना हुआ कि उन्होंने अपने विशेष ब्राउज़र में पैराग्राफ के बीच अतिरिक्त रिक्ति का उपयोग करने के लिए चुना। अन्य ब्राउज़र ने उस डिफ़ॉल्ट को अपनाया, लेकिन इसे कभी भी HTML के भीतर किसी भी प्रकार का मानक घोषित नहीं किया गया था।
DA01
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.