एचटीएमएल 5 अनुभाग या सेक्शन में नहीं?

Question

मैं एचटीएमएल 5 के बारे में सीख रहा हूं, और ईमानदारी से मैं नहीं कह सकता कि मैं वास्तव में प्रभावित हूं। सेमेन्टिक्स अच्छे और सभी हैं, लेकिन मुझे लगता है कि उन्होंने उनके बीच एक बहुत ही पतली रेखा के साथ नए तत्व पेश किए, और उनके बीच एक पतली रेखा और पुरानी divs।

सब कुछ बहुत स्पष्ट है यदि आप जेनेरिक उद्देश्य साइट, जैसे ब्लॉगिंग इंजन, समाचार प्रकाशन पोर्टल, और इसी तरह के, लेकिन वेब ऐप्स ... मुझे नए HTML तत्वों के बारे में बहुत सारी दुविधाएं हैं।

यहां मेरी स्थिति है। मैं एक ऑर्डरिंग सिस्टम विकसित कर रहा हूं। विक्रेताओं इंटरफ़ेस पर मेरे पास 3 कॉलम (इनलाइन) हैं, जो ऑर्डर की स्थिति का प्रतिनिधित्व करते हैं। जब स्थिति बदल जाती है तत्व को एक कॉलम से दूसरे में ले जाया जाता है (पृष्ठभूमि AJAX, और जेएस मैनिपुलेशन)।

एचटीएमएल 4 में मैं 3 divs का उपयोग करता हूं और प्रत्येक के शीर्ष पर शीर्षक के साथ शीर्षक डालता हूं। कॉलम के अंदर तत्व divs भी होंगे।

लेकिन HTML5 के बारे में क्या? मैं सेक्शन तत्व देख रहा हूं, लेकिन मुझे सच में यकीन नहीं है कि इसका उपयोग कैसे किया जाए। यहाँ विकल्प हैं:

1. रखो सब कुछ अंदर एक अनुभाग - मुझे नहीं लगता कि कि
2. स्तंभ के प्रत्येक के चारों ओर एक अनुभाग रखो divs जाने का रास्ता है, और अंदर की ओर बढ़ अनुभाग
3. divsसाथ वर्गों बदलें
4. रखो वर्गों स्तंभ के अंदर divs

तो, जो रास्ता तय करना?

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

EDIT2: एक और बात। मैं इसे यहां पूछूंगा इसलिए मुझे एक और सवाल नहीं खोलना है। इन 3 कॉलम के अलावा मेरे पास एक और div है जिसमें ऑर्डर विवरण शामिल हैं, जब किसी ऑर्डर का चयन किया जाता है। क्या यह आलेख होना चाहिए क्योंकि इसकी स्वयं निहित सामग्री है, या को टैग से अलग करना चाहिए?

Answer 1

इस विशेष मामले में मेरे पास उनके चारों ओर एक समग्र div होगा, और फिर प्रत्येक कॉलम के रूप में एक अनुभाग के रूप में प्रत्येक के पास एक अलग अर्थ होता है, जिनमें से प्रत्येक का मानना ​​है कि इसकी स्थिति एक संकेत है।

उदा।

<div> 
    <section id="col1"> 
     <header><h1>Column 1</h1></header> 
     content.... 
    </section> 
    <section id="col2"> 
     <header><h1>Column 2</h1></header> 
     content.... 
    </section> 
    <section id="col3"> 
     <header><h1>Column 3</h1></header> 
     content.... 
    </section> 
</div> 

Answer 2

div एक बिल्कुल मान्य HTML5 टैग है। यदि नए टैग आपकी परियोजना में कोई समझ नहीं लेते हैं, तो उन्हें उपयोग करने के लिए मजबूर महसूस न करें।

Answer 3

डब्ल्यू 3 उद्धरण के लिए।संगठन स्पेक:

अनुभाग तत्व किसी दस्तावेज़ या एप्लिकेशन के सामान्य अनुभाग का प्रतिनिधित्व करता है। एक खंड, इस संदर्भ में, सामग्री का एक विषयगत समूह है, आमतौर पर शीर्षक के साथ।

और w3.org लोगों से एक और बोली:

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

w3 द्वारा section के लिए परिभाषा को देखते हुए हम निष्कर्ष निकाल सकते हैं कि आपके उदाहरण अनुभाग का अच्छा उपयोग क्योंकि होगा:

1. तत्वों एक हैडर
2. यह सामग्री
के एक विषयगत समूह है
3. यह दस्तावेज़ रूपरेखा का एक हिस्सा है।

संपादित करें: नीचे अपनी टिप्पणी पर विस्तार करने के लिए, नए एचटीएमएल 5 तत्वों नहीं वर्ष HTML4 तत्वों को बदलने के लिए माना जाता है। उदाहरण के लिए, एक पृष्ठ के माध्यम से जाकर तत्वों को section तत्वों के साथ बदलकर गलत हो जाएगा। section तत्व, मेरी राय में, मशीनों के लिए एक पृष्ठ पर अधिक अर्थपूर्ण संरचना देकर कुछ पृष्ठों (विचार: फीडबर्नर) को पार्स करना आसान बनाता है। आखिरकार, पार्स करना आसान है, 30 div तत्वों वाला एक पृष्ठ, या 10 और 5 footer तत्वों वाला पृष्ठ?