2012-01-17 10 views
9

मैं निम्नलिखित सामग्री मैं को चिह्नित करने की जरूरत है:दो कॉलम टेबल या डीएल?

कोर्स आवश्यकताओं:

course requirements

और दिनांकों:

dates

सवाल यह है कि क्या करने के लिए दो कॉलमका उपयोग करेंतत्व या dl (description list) तत्व। मुझे प्रत्येक विशिष्ट उदाहरण के लिए प्रतिक्रिया चाहिए, और फिर सामान्य में यदि संभव हो तो प्रतिक्रिया दें। मुझे इन तत्वों पर निर्णय लेने में हमेशा परेशानी होती है, खासकर अगर table में हेडर नहीं हैं (या आवश्यकता है)।

नोट: मेरा प्रश्न मुझे इन तत्वों को कैसे शैलीबद्ध करना चाहिए। मैं अर्थशास्त्र पर फैसला करने के बाद प्रेजेंटेशन में जाऊंगा।

संपादित करें: एचटीएमएल 5 ड्राफ्ट का पालन करने वाले उत्तर पुराने HTML4 अनुशंसा का पालन करने वाले उत्तरों के पक्ष में हैं।

उत्तर

0

मैं दो कॉलम तालिका का उपयोग करूंगा क्योंकि आप अपने दो उदाहरणों में कुछ भी परिभाषित नहीं कर रहे हैं (आप कुंजी प्रदर्शित कर रहे हैं: मान प्रकार की जानकारी)। डीएल टैग (अर्थशास्त्र की अवधि में) परिभाषाओं के लिए विशेष रूप से या विवरण के लिए प्रयोग किया जाता है। उदाहरण के लिए, कुछ लोग < डीएल > टैग का उपयोग करके अपने कोड पर टिप्पणी करते हैं।

जब आप अपने आप को कह सकते हैं चुना है की कोशिश कर रहा: करता है "यह" (उदा समानता रखने वाले लोगों #)

-1

आप अपने डेटा एक निश्चित साथ label + के साथ एक स्टाइल UL इस्तेमाल कर सकते हैं इसका मतलब है "इस" (10 फरवरी)।

2

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

<dl> 
<dt>Class</dt> 
<dd>Cohort Teaching</dd> 
<dd>My other Class</dd> 
<dt>Points</dt> 
<dd>10</dd> 
<dd>20</dd> 
</dl> 

specification में कुछ भी नहीं है जो इंगित करता है कि समानता रखने वाले लोगों टीचिंग 10 अंक से संबंधित है नहीं है के लिए एक से अधिक समूहों के बीच एक संबंध जगह कर सकते हैं करते हैं। प्रत्येक समूह स्वयं निहित है।

कम से कम मैं इसे डीएल का उपयोग करके चिह्नित नहीं करता जैसा मैंने किया है। मैं एक टेबल का उपयोग करूंगा।

+0

हां, मैं तैयार सहमत एक 'dl' एक समूह में एक' dd' और दूसरे समूह में एक 'dd' के बीच कोई संबंध नहीं है। उपलब्ध एकमात्र सहसंबंध 'डीटी' और निम्नलिखित' डीडी 'के बीच है। इस प्रकार मैं इस बात से सहमत हूं कि किसी को आपके उदाहरण में किए गए तरीके से 'डीएल' का उपयोग करके सामग्री को चिह्नित नहीं करना चाहिए। हालांकि, कोई भी 'dt' में "बाएं कॉलम" में प्रत्येक प्रविष्टि और 'dd' में" दाएं कॉलम "को डालने में सक्षम हो सकता है। उदाहरण के लिए '

कोहॉर्ट शिक्षण
10 अंक
' आदि। इस तरह सहसंबंध स्पष्ट किया जाएगा। – chharvey

6

अर्थशास्त्र के संदर्भ में तालिका तत्व आपकी आवश्यकताओं के अनुरूप सर्वोत्तम होगा।

डब्ल्यू 3 सी का कहना है कि table तत्व "allows authors to arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into rows and columns of cells", जो वास्तव में आपने अपना उदाहरण स्वरूपित किया है।

डब्ल्यू 3 सी का कहना है कि dl टैग सूचियों के लिए है कि "consist of two parts: a term and a description"। चूंकि "10 अंक" "कोहोर्ट शिक्षण" शब्द का विवरण नहीं है, यह उपयोग करने के लिए उचित तत्व नहीं है।

+2

वास्तव में कोई डीएल सही नहीं है। जिस लिंक से आप लिंक करते हैं, उससे यह भी कहा गया है कि 'डीएल का एक और एप्लीकेशन, उदाहरण के लिए, संवाद को चिह्नित करने के लिए है, प्रत्येक डीटी स्पीकर नामकरण के साथ, और प्रत्येक डीडी में उसके शब्दों को शामिल किया जाता है।' और एचटीएमएल 5 में उन्हें विवरण सूचियां कहा जाता है जो आगे इस http://www.w3.org/TR/html-markup/dl का समर्थन करते हैं।एचटीएमएल – Alistair

+0

@Alistair, यह सच है कि आप इस उद्देश्य के लिए 'डीएल' टैग का उपयोग कर सकते हैं, लेकिन अर्थात् यह सही नहीं है। संवादों को चिह्नित करना (जैसा कि आपने संदर्भित किया है) एक शब्द-वर्णन समूह के समान है जिसमें नाम-संवाद समूह है, हालांकि ओपी संवाद से संबंधित नहीं है और एक पंक्ति तालिका कॉलम डिज़ाइन में संरचित सामग्री की एक तालिका का वर्णन कर रहा है , 'टेबल' के लिए एकदम सही फिट है। आप 'टेबल' के समान दिखने के लिए अंत में 'dl' को स्टाइलिंग भी समाप्त कर देंगे। –

+0

मैं अभी भी दोनों के बारे में अनिश्चित हूं। [उदाहरण के लिए डीएल तत्व पर एचटीएमएल 5 दस्तावेज़] में कोड उदाहरण देखें (http://www.w3.org/html/wg/drafts/html/master/grouping-content.html#the-dl-element)। यह केवल शब्द-वर्णन जोड़े के लिए आरक्षित नहीं है। – chharvey

14

अंगूठे का नियम: यदि आप तालिका संस्करण पर शीर्षलेख डाल सकते हैं, तो इसे परिभाषा सूची होना चाहिए।

अंगूठे का एक और नियम: यदि आप नहीं तालिका संस्करण पर एक शीर्षलेख डाल सकते हैं, तो यह एक परिभाषा सूची होनी चाहिए।

ऐसा इसलिए है क्योंकि एक अच्छी सूची को तालिका और इसके विपरीत के रूप में कोई समझ नहीं लेनी चाहिए। यहाँ एक अच्छा परिभाषा सूची कैसा दिखता है, इसका एक उदाहरण:

ऊंचाई
180cm
भार
180 किलो
टेलीफोन
555-5555
123-4567

जब हम इसे एक टेबल में बदलने की कोशिश करते हैं ...

 
Terms   Definitions 
------------------------ 
Height  180cm 
Weight  180kg 
Telephones 555-5555 
       123-4567 

कॉलम हेडर को देखें; यह सिर्फ "शब्द" और "परिभाषाएं" है!

ऊँचाई, वजन और टेलीफोन पूरी तरह से अलग-अलग चीजें हैं जो पूरी तरह से अलग-अलग परिभाषाओं से जुड़ी हैं। दुनिया में 555-5555 और 180 सेमी एक ही कॉलम में हैं? इसका कोई मतलब नही बनता!

लेकिन, कभी कभी आप इस

 
Height  | 180cm 
Weight  | 180kg 
Telephones | 555-5555 
       | 123-4567 

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

कुछ इस तरह:

 
Name Height Weight 
------------------------ 
John 180cm  180kg 
Jack 170cm  155kg 

जॉन और जैक नाम हैं। 180 सेमी और 170 सेमी ऊंचाई हैं। 180 किलो और 155 किलो वजन वजन है। आपके पास पंक्तियों और स्तंभों के साथ कोशिकाओं का एक महत्वपूर्ण संबंध है, और आप इसे उस महत्वपूर्ण संबंध को अलग किए बिना परिभाषा सूची में नहीं डाल सकते हैं। तो इस मामले में एक टेबल का इस्तेमाल किया जाना चाहिए।

टीएल; डीआर: आपके प्रश्न में दो कॉलम तालिका में हेडर हो सकते हैं। तो यह एक टेबल होना चाहिए।

देखें:

 
Class       Required Points 
--------------------------------------------- 
Cohort Teaching    10 pts. 
Cohort Research and Report 20 pts. 
+0

यदि वेबसाइट सुलभ होना चाहती है तो परिभाषा सूचियों से सावधान रहें (प्रत्येक वेबसाइट चाहिए;))। स्क्रीन पाठकों के साथ समस्याएं हैं, https://snook.ca/archives/html_and_css/definition-lists-v-tables देखें –

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