एचटीएमएल 5 - <article> टैग

Question

एचटीएमएल 5 पर <article> टैग पर an article पढ़ना का सही उपयोग, मैं सच में लगता है कि मेरी सबसे बड़ी भ्रम की स्थिति इस खंड की पहली सवाल में है:

<article> का उपयोग सामग्री के लिए अधिक अर्थ अर्थ देता है । इसके विपरीत <section> केवल संबंधित सामग्री का एक ब्लॉक है, और <div> केवल सामग्री के एक ब्लॉक ... तय करने के लिए जो इन तीन तत्वों के उचित है, पहले उपयुक्त विकल्प चुनें:

1. सामग्री मतलब होगा एक फीड रीडर में अपने आप पर? यदि ऐसा है, तो <article> का उपयोग करें।
2. सामग्री संबंधित है? यदि ऐसा है, तो <section> का उपयोग करें।
3. अंत में, यदि कोई अर्थपूर्ण संबंध नहीं है, तो <div> का उपयोग करें।

तो मैं मेरे सवाल का अनुमान है वास्तव में: किस प्रकार की सामग्री एक फ़ीड रीडर में हैं?

Answer 1

डब्ल्यू 3 सी स्पेक व्याख्या के लिए बहुत खुले छोड़ देता है और अंततः लेखक की राय पर आता है। यहां एक प्रश्न के रूप में एक छोटा और सरल उत्तर दिया गया है:

पृष्ठ पर साझा करने के लिए सामग्री के प्राथमिक महत्वपूर्ण टुकड़े क्या हैं?

• यह बहुत ही पृष्ठ पर, प्रत्येक का जवाब एक लेख हो सकता है:

  यहाँ कुछ उदाहरण हैं।

• फ़्लिकर पर फोटोस्ट्रीम में प्रदर्शित प्रत्येक तस्वीर को एक लेख माना जा सकता है।
• ड्रबबल पर पृष्ठ पर प्रदर्शित प्रत्येक शॉट एक लेख हो सकता है।
• Google पर प्रत्येक खोज परिणाम सूचीबद्ध एक लेख हो सकता है।
• प्रत्येक लेख पर एक ब्लॉग पर .. अच्छी तरह से प्रत्येक लेख एक लेख हो सकता है।
• एक लेख के साथ एक ब्लॉग पेज पर और टिप्पणियों की एक श्रृंखला पर आप दो प्रमुख वर्ग हो सकते हैं। टिप्पणियों के लिए एक लेख और दूसरा जिसमें प्रत्येक टिप्पणी को एक लेख माना जा सकता है।

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

इस विषय पर बहुत से लोगों ने लिखा है।

• http://html5doctor.com/the-article-element/ (आप पहले से ही इस साझा किया है)
• http://www.impressivewebs.com/html5-section/
• http://www.iandevlin.com/blog/2011/04/html5/html5-section-or-article

Answer 2

कल्पना जवाब यह काफी स्पष्ट रूप:

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

देखें: http://dev.w3.org/html5/spec/Overview.html#the-article-element

Answer 3

आप एक अच्छा तर्क लाया गया है और हाँ कल्पना नहीं बल्कि स्पष्ट रूप से सामग्री की एक सिंडिकेशन योग्य संग्रह के रूप में <article> को परिभाषित करता है। जिस तरह से मैं इसे देखता हूं, आपका लेख रचनात्मक ब्लॉग पोस्ट होगा - जो आप साइट के उत्पाद लेखक के रूप में करते हैं। जबकि उस खंड पर टिप्पणियां लेख से संबंधित हैं, वास्तव में, वे लेख का हिस्सा नहीं हैं, औरमें किसी अन्य ब्लॉक में या तो गैर-अर्थात् <div> या सेट के साथ बस <p> एस में किसी अन्य ब्लॉक पर पहुंचाया जाना चाहिए। यह एक निर्णय है जो डिजाइनर के लिए छोड़ दिया गया है, इस पर निर्भर करता है कि वे टिप्पणी के मूल्य का अर्थात् मूल्यांकन कैसे करते हैं।

यह भी याद रखें कि आपके पास <aside> टैग है, जो लेखक या पाठक से टिप्पणी के लिए लगभग दर्जी है।

Answer 4

अधिकांश फ़ीड पाठक कई प्रकार की सामग्री को संभाल सकते हैं, इसमें प्रतिलिपि, छवियों, वीडियो इत्यादि शामिल हो सकते हैं। आपकी इच्छा के लिए फ़ीड में आपकी साइट पर सामग्री शामिल होती है जिसे दोहराया जाता है या कई संस्करण शामिल होते हैं। एक प्रश्न और उत्तर साइट में नए प्रश्नों की एक फ़ीड होगी। एक वीडियो साझा करने वाली साइट में नए वीडियो की फ़ीड होगी। एक सॉफ्टवेयर समीक्षा साइट में नए सॉफ्टवेयर या नई समीक्षा की एक फीड होगी।

मैं इस बात पर विचार करने की सिफारिश करता हूं कि आपकी सामग्री का सामान्य उपभोक्ता अपने फ़ीड रीडर में आसानी से क्या ढूंढना चाहता है। आपको यह निर्धारित करना होगा कि फ़ीड रीडर में किस प्रकार की सामग्री संबंधित है।

Answer 5

सामान्य रूप से फ़ीड फीडर में कहानियों की एक सूची होनी चाहिए।http://google.com/elections/ देखें - यह एक अच्छा पाठक है जिसमें फीड रीडर हो सकता है। महत्वपूर्ण हिस्सा यह है कि सभी कहानियां स्वयं निहित हैं, और सिद्धांत रूप में संबंधित होने की आवश्यकता नहीं है।

Answer 6

कि दस्तावेज़ की तरह लग सकता है के लिए मार्कअप: अधिक जानकारी के लिए मैं अत्यधिक पढ़ने की सलाह देते हैं निम्नलिखित:

<body> 
    <header>...</header> 
    <nav>...</nav> 
    <article> 
      <section> 
       ... 
      </section> 
    </article> 
    <aside>...</aside> 
    <footer>...</footer> 
</body> 

आपको this article on A List Apart में अधिक जानकारी मिल सकती है।