एलिमेंट में टैब बनाम अकॉर्डियन: कब किसका उपयोग करें

कुंजी तकिए

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

दोनों पैटर्न एक ही काम करते हैं: एक लंबे पृष्ठ को संक्षिप्त करें ताकि एक आगंतुक उस हिस्से को पढ़ सके जिसके लिए वे आए थे अंतर यह है कि एक दूसरे के लिए ढह गए आइटम क्या हैं।

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

वास्तविक अंतर

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

जब टैब सही होते हैं

टैब फिट होते हैं जब अनुभाग सहकर्मी होते हैं और आगंतुक उनमें से एक को पढ़ेंगे तीन संकेतः

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

टैब पृष्ठ को एक अनुमानित ऊंचाई भी रखते हैं, जो तब मायने रखता है जब कोई चीज़ सीधे नीचे बैठती है और आप नहीं चाहते कि वह स्क्रीन से नीचे कूद जाए।

जब एक अकॉर्डियन सही होता है

एक अकॉर्डियन फिट बैठता है जब आइटम विकल्पों के सेट के बजाय एक सूची होते हैंः

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

अक्सर पूछे जाने वाले प्रश्न सबसे स्पष्ट मामले हैं, यही कारण है कि आपके द्वारा मिलने वाले अधिकांश अक्सर पूछे जाने वाले प्रश्न अनुभाग अकॉर्डियन हैं मूल्य निर्धारण नीतियां, समस्या निवारण चरण और दस्तावेज़ीकरण अनुभाग एक ही तरह से व्यवहार करते हैं।

एलिमेंटर के पास फ्री प्लगइन में एकॉर्डियन विजेट है मास्टर एडॉन्स एडवांस्ड अकॉर्डियन शीर्ष पर कुछ चीजें जोड़ता है: एक अकॉर्डियन प्रकार नियंत्रण जो अकॉर्डियन व्यवहार (एक समय में एक पैनल) और टॉगल व्यवहार (प्रत्येक पैनल स्वतंत्र), कस्टम विस्तार और पतन आइकन, प्रति आइटम डिफ़ॉल्ट के रूप में सक्रिय, मिलीसेकंड में टॉगल गति के बीच स्विच करता है। और शीर्षक का HTML टैग।

क्या फोन तय करते हैं

एक अकॉर्डियन पहले से ही पूर्ण-चौड़ाई वाली पंक्तियों का एक ऊर्ध्वाधर ढेर है, इसलिए एक ३९० पीएक्स स्क्रीन इसके बारे में कुछ भी नहीं बदलती है टैब पैटर्न हैं जिन्हें अनुकूलित करना है।

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

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

एसईओ प्रश्न

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

दो चीजें वास्तव में देखभाल करने लायक हैंः

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

जहां टॉगल फिट बैठता है

इस तुलना में टॉगल आता है क्योंकि एलिमेंटर में टॉगल विजेट हुआ करता था, और क्योंकि “toggle” का मतलब दो अलग-अलग चीजें हैं।

एलिमेंटर का पुराना टॉगल विजेट एक अन्य नाम से एक अकॉर्डियन था: विस्तार योग्य पंक्तियों का ढेर संस्करण ३.१५ के बाद से इसे हटा दिया गया है, और एक को संपादित करना अब एक नोटिस दिखाता है जो आपको अकॉर्डियन विजेट में खींचने के लिए कहता है, इसलिए एक वर्तमान स्थापित पर, टैब बनाम अकॉर्डियन प्रश्न पहले ही इसे अवशोषित कर चुका है।

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

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

दोनों का एक साथ उपयोग करना

वे अच्छी तरह से गठबंधन करते हैं, क्योंकि वे विभिन्न प्रश्नों का उत्तर देते हैं।

एक योजना तुलना पृष्ठ प्रत्येक टैब के अंदर सुविधा विवरण के एक समझौते के साथ, मासिक और वार्षिक के लिए टैब का उपयोग कर सकता है बाहरी स्तर दो साथियों के बीच एक विकल्प है; आंतरिक स्तर स्कैन करने के लिए एक सूची है नेस्टेड टैब इसे सीधा बनाता है, क्योंकि प्रत्येक पैनल एक कंटेनर है जो एक अकॉर्डियन विजेट स्वीकार करता है।

टैब के अंदर टैब वह संयोजन है जो काम नहीं करता है, क्योंकि यह एक आगंतुक को यह याद रखने के लिए कहता है कि उन्होंने कौन से शीर्षक जोड़े को चुना है।

एलिमेंट आपको प्रत्येक के लिए क्या देता है

दोनों विजेट मुफ्त प्लगइन में हैं, और दोनों नेस्टेड विजेट हैं, इसलिए पैनल कंटेनर रखते हैं।

टैब क्षैतिज या ऊर्ध्वाधर के लिए दिशा जोड़ते हैं, एक लंबी शीर्षक पंक्ति के लिए क्षैतिज स्क्रॉल, और ब्रेकपॉइंट जो एक समझौते पर स्विच करता है अकॉर्डियन विजेट में मैक्स आइटम का विस्तार होता है, जो यह तय करता है कि एक पैनल खोलने से दूसरों को बंद कर दिया जाता है या नहीं मास्टर एडॉन्स विजेट अपने अकॉर्डियन टाइप कंट्रोल के साथ उस काम को करता है।

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

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

अंतिम विचार

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

संबंधित पढ़ने

• टैब विजेट
• उन्नत अकॉर्डियन विजेट
• सामग्री विजेट टॉगल करें
• एलिमेंटर में टैब कैसे बनाएं
• मोबाइल पर एलिमेंट टैब
• एलिमेंट नेस्टेड टैब समझाया