2009-09-29 22 views
5

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

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

Need Semantic Markup for this Image http://img183.imageshack.us/img183/2261/semanticmarkup.png

+2

भव्य बटन, बीटीडब्ल्यू। –

+0

प्रशंसा के लिए धन्यवाद। ;) – ahsteele

+1

मुझे लगता है कि आप इस सवाल से पूछ रहे हैं कि आपका एचटीएमएल/सीएसएस पहले से ही अधिकांश वेबसाइटों से कहीं बेहतर है, इसलिए इसे पसीना न करें :) –

उत्तर

7

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

+0

स्तंभ शीर्षलेखों के बिना हालांकि मैं अर्थपूर्ण मार्कअप के नियम का उल्लंघन कर रहा हूं? – ahsteele

+4

@ahsteele आप शीर्षक जोड़ सकते हैं ... और सीएसएस के माध्यम से छिपा सकते हैं - जो एक स्टाइल निर्णय होगा, आपके एचटीएमएल को इसके कारण पीड़ित होने की आवश्यकता नहीं है – eglasius

+2

तकनीकी रूप से हां, लेकिन अच्छा वेब विकास आदर्शवाद और व्यावहारिकता के बीच एक संतुलित कार्य है । –

1

मुझे नहीं लगता कि अगर आप उस सामान को टेबल में डालते हैं तो यह अर्थपूर्ण मार्कअप का सबसे गंभीर उल्लंघन होगा। बटन के अलावा, यह मेरे लिए सुंदर सारणी दिखता है। मुझे लगता है कि सीएसएस देवताओं ने आपको निरस्त कर दिया होगा :)

+1

जैसा कि एंड्रयू ने अपने जवाब में कहा - बटन एक क्रिया कॉलम से संबंधित हैं – eglasius

0

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

1

मैं एंड्रयू से सहमत हूं। यह सारणीबद्ध डेटा है इसलिए आपको <table> का उपयोग करना चाहिए, लेकिन ध्यान रखें कि आपको तालिका शीर्षलेख, कॉलम और पाद लेखों को ठीक से परिभाषित करना चाहिए।

आपका दूसरा विकल्प हेडरलेस टेबल के साथ जाना है जहां आप हेडर और पाद लेख के लिए <div> और शरीर के रूप में <table> का उपयोग करेंगे। हालांकि, मैं ऐसा करने की सिफारिश नहीं करता हूं। यदि आप जावास्क्रिप्ट का उपयोग कर रहे हैं तो एक कारण यह होगा कि आप क्लाइंट-साइड सॉर्टिंग जैसी चीजों के लिए हेडर चाहते हैं।

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