2011-08-24 9 views
6

क्या मैं <section> टैग को अनॉर्डर्ड सूची के अंदर उपयोग कर सकता हूं?एचटीएमएल 5, <section> अनॉर्डर्ड सूची के अंदर

मुझे पता है, <section> दस्तावेज़ के एक सामान्य खंड का प्रतिनिधित्व करता है। आम तौर पर हम अंदर शीर्षक पाते हैं।

तो ... मेरे पास उत्पादों की सूची है। आमतौर पर लगभग 20 प्रति पृष्ठ। प्रत्येक तत्व है:

  • शीर्षक,

  • लघु वर्णन (अधिकतम 255 वर्ण),

  • थम्बनेल, कुछ विवरण, बटन।

इसलिए प्रत्येक सूची आइटम अनुभाग, "is a thematic grouping of content, typically with a heading" जैसा कुछ है।

बेशक मैं उद्देश्य का उपयोग करने के लिए <section> का उपयोग नहीं करता हूं।

मुझे लगता है, <section> यहां एक सूची के लिए एक रैपर भी हो सकता है, और सूची के प्रत्येक तत्व <article>

आपकी राय क्या है?

उत्तर

0

डीओ की एक सूची ...

DO एक टैब स्विचर या सामग्री स्लाइडर के प्रत्येक व्यक्ति के अनुभाग के लिए अनुभाग का उपयोग (एक बिना क्रम वाली सूची की जरूरत नहीं है तो)
एक लंबी "शब्द को विभाजित करने के अनुभाग का उपयोग करते और शर्तों "(" पेज के नियम और शर्तों

DON'Ts की एक सूची (या समान) क्रमांकित अनुभागों
DO घोंसला अनुभाग तत्वों यदि आवश्यक हो तो आप के साथ क्या हो सकता है) में पेज "...

शीर्षलेख और पाद लेख से सामग्री को विभाजित करने के लिए अनुभाग का उपयोग न करें; इसके बजाय div का उपयोग करें (डॉक्टर देखें)
डीओएम मैनिपुलेशन या स्टाइलिंग के लिए टैब स्विचर को लपेटने के लिए अनुभाग का उपयोग न करें
साइडबार या अन्य स्पर्श-संबंधी सामग्री बक्से के लिए अनुभाग का उपयोग न करें; इसके बजाय
का उपयोग करें सीमा को जोड़ने या किसी चीज़ के चारों ओर छाया ड्रॉप करने के लिए अनुभाग का उपयोग न करें; इसके बजाय div का उपयोग करें
अशुद्ध कॉलम लागू करते समय रैपर के लिए अनुभाग का उपयोग न करें; फिर, div का उपयोग करें
आईई 6 की फ्लोट डबल-मार्जिन बग (या एक समान लेआउट से संबंधित समस्या) से बचने का प्रयास करते समय घोंसला तत्वों के लिए अनुभाग का उपयोग न करें; दोबारा, div
ब्लॉग पोस्ट या समाचार आलेख पर एक व्यक्तिगत लेखक जैव रखने के लिए अनुभाग का उपयोग न करें; एक तरफ से When to Use the HTML5 “section” Element

+3

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

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

5

बजाय

चोरी का उपयोग एक <li> टैग पुष्टि के अंदर एक <section> टैग का उपयोग करना, और कल्पना आप shouldn सुझाव देने के लिए प्रतीत नहीं होता है (यदि आप यह http://html5.validator.nu/ पर "पाठ फ़ील्ड" विकल्प का उपयोग कोशिश कर सकते हैं) इस तरह से इसका उपयोग न करें (http://dev.w3.org/html5/spec-author-view/the-section-element.html#the-section-element देखें), तो यह मेरे लिए ठीक लगता है।

<article> टैग “self-contained compositions” के लिए है। मैंने पूरी तरह से स्पष्ट नहीं किया है कि इसका मतलब है कि एक ही पृष्ठ पर कई ब्लॉग पोस्ट सूचीबद्ध किए गए हैं, लेकिन मुझे लगता है कि उत्पाद सारांश भी इसके लिए एक सभ्य फिट की तरह लग रहा है। तो प्रत्येक उत्पाद के लिए <section> का आपका दूसरा विचार, और प्रत्येक उत्पाद के लिए <article>, शायद सबसे अच्छा लगता है।

+0

एचटीएमएल 5 सत्यापनकर्ता में हम पूरे पृष्ठ को '

' टैग में भी डाल सकते हैं, लेकिन यह एक बिंदु नहीं है। हां, उत्पाद सारांश फिट ... हम्म ... मैं इस पर विचार करूंगा ... –

+0

मैं आपकी पॉइंट पुनः सत्यापन देखता हूं, यह जांचने के लिए बस एक अच्छी पहली बात है। अर्थपूर्ण विचारों के बारे में ज्यादा चिंता न करें - वे जरूरी हैं कि वे अस्पष्ट हैं। –

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