2012-05-16 14 views
12

मैं जानना चाहता हूं कि इस तरह के लेआउट के लिए मुझे किन टैग्स का उपयोग करना चाहिए। अर्थात् दोनों एक टेबल और एक सूची है। मैं उन रेखांकितों को कैसे प्राप्त कर सकता हूं और मार्कअप को सही कैसे रख सकता हूं?तालिका या सूची: मुझे यहां क्या उपयोग करना चाहिए?

enter image description here

+3

+1 वास्तव में –

उत्तर

6

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

यह लिंक आपको देना चाहिए आप बिल्कुल क्या जरूरत है:

http://thepcspy.com/read/css_table_of_contents/

+0

के माध्यम से यह सोचने के लिए +1 'सुमा स्क्लाद्की के तहत उप सूची का अर्थ है कि यह वास्तव में टैब्यूलर डेटा नहीं है' - असहमत – vol7ron

+0

हाँ वॉल 7ron, शायद मुझे थोड़ा अलग तरीके से वाक्यांश करना चाहिए था। गोलियां एक सूची का सुझाव देती हैं लेकिन इसे किसी भी तरह से वर्णित किया जा सकता है। मुझे लगता है कि आप टेबल को –

+0

के साथ साफ़ रूप से हासिल करने के लिए संघर्ष करेंगे, मुझे लगता है कि आप टेबल के साथ इसे साफ़ रूप से प्राप्त करने के लिए संघर्ष करेंगे, जब तक कि आप सेल को भरने के लिए जावास्क्रिप्ट का उपयोग नहीं करते हैं, या संभवतः एक दोहराव-एक्स, पृष्ठभूमि के साथ एक div छवि – vol7ron

1

कि सारणीबद्ध डेटा की तरह दिखता है तो एक मेज शब्दार्थ सही

3

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

<ul> 
    <li>Suma skladki <span class="price">900 PLN</span> 
    <ul> 
     <li>Skladka podstawawa 
      <span class="desc">(dia przychodu 250 000 PLN)</span> 
      <span class="price">550 PNL</span> 
     </li> 
    </ul> 
    </li> 
</ul> 

यह भी आप अगर आप एक table तत्व का उपयोग की तुलना में भविष्य में और अधिक डिजाइन लचीलापन दे देंगे। मुझे यकीन नहीं है कि table आपके यहां मौजूद घोंसले पदानुक्रमों के साथ-साथ सूचियों की श्रृंखला को भी संचारित करता है।

1
  • सिर्फ इसलिए कि आप उप डेटा है, यह एक सूची है मतलब यह नहीं है; तालिकाओं है उपश्रेणियाँ (सिर्फ एक सामान्य खाता बही को देखो)
  • आप संरचित जानकारी, एक संगत तरह से व्यवस्था की है, जो एक तालिका, या तालिका डेटा का गठन अनेक प्रकार की राशि का खूब देखते हैं
  • आप कर रहे हैं क्या ऊपर दिखाया जा रहा है एक टीओसी के बराबर (तालिका सामग्री की) है और यह एक कारण (आप एक लेबल और एक मूल्य है)

कहा जा रहा है के लिए एक मेज है, उम्र में इस दिन ऐसा नहीं ' जब तक आप इसका बचाव कर सकते हैं तब तक वास्तव में आप जो भी उपयोग कर सकते हैं, विशेष रूप से सूचियों/divs कर सकते हैं एक टेबल के आकार पर ई।

तालिका का उपयोग करने वाली किसी चीज़ के लिए सूची का उपयोग करने के बजाय, किसी तालिका के लिए table का उपयोग करना अधिक अनुचित है।

+0

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

+0

@ सोमाल सोमालस्की: मैं सहमत हूं। वास्तव में, जब एक्सेसिबिलिटी (508) और स्क्रीन रीडर की बात आती है तो टेबल वास्तव में सार्थक होते हैं।हालांकि एक बहुत भारी वेब लागत है; तालिकाएं डोम में प्रस्तुत करने और निर्माण करने में अधिक समय लेती हैं, जो उस समय के आसपास एक बहुत बड़ा कारण था जब पूरी तालिका बनाम डिव बहस फोकस में थी। उस बहस की तरह कमजोर है, हालांकि हम यहां चर्चा कर रहे हैं। – vol7ron

+0

@ सोमाल सोमालस्की स्क्रीन पाठकों के बारे में: जब तक कि आप वास्तव में स्क्रीन रीडर एक्सेसिबिलिटी का परीक्षण नहीं करते (और ठीक करें), आपकी तालिका स्क्रीन रीडर के लिए केवल पढ़ने योग्य नहीं हो सकती है, http://stackoverflow.com/questions/21586478/tables-and- स्क्रीन देखें -readers –

संबंधित मुद्दे