HTML5 टैग का उपयोग करते हुए ब्लॉग पेज का सबसे शब्दार्थ संरचना क्या है?


9

मैं करना चाहते हैं grok की परम प्रकृति <aside>, <section>, <article>

HTML5 टैग का उपयोग करके ब्लॉग पेज की सबसे अच्छी, सबसे शब्दार्थ संरचना क्या है?

क्या मुझे साइडबार को ए के अंदर रखना चाहिए <aside>? या क्या यह एक के <section>रूप में है (जैसा कि <aside>विज्ञापनों, छोटे उद्धरणों और इस तरह के लिए इस्तेमाल किया जाना चाहिए)?

मुझे मुख्य विशेषता, ब्लॉग पोस्ट कैसे प्रस्तुत करनी चाहिए? मैं <article>सही तरीके से कैसे उपयोग करूं ?

मुझे लेख टैग को कैसे चिह्नित करना चाहिए?

जवाबों:


7

आप <article>ब्लॉग पोस्ट के लिए उपयोग करना चाहते हैं । मार्क पिलग्रिम में प्रत्येक टैग का उपयोग करने का एक बहुत अच्छा विवरण है। वह यह भी बताता है कि articleअपनी साइट पर परिभाषाओं की सूची के ठीक नीचे कैसे चिह्नित किया जाए । यह HTML 5 और CSS सीखने के लिए एक शानदार किताब है।

"लेख तत्व एक पृष्ठ के एक घटक का प्रतिनिधित्व करता है जिसमें एक दस्तावेज़, पृष्ठ, अनुप्रयोग, या साइट में स्व-निहित संरचना शामिल होती है और जिसका उद्देश्य स्वतंत्र रूप से वितरण योग्य या पुन: प्रयोज्य होना होता है, जैसे सिंडिकेशन में।"

Aside"मूर्त रूप से संबंधित" तत्वों के लिए है और section"सामान्य दस्तावेज़ या एप्लिकेशन अनुभाग का प्रतिनिधित्व करता है।"


2

इसके लिए <aside>, यह सोचें कि नाट्य की तरह: कहानी को दर्शकों पर कुछ समझाने के लिए रखा जाता है, मुख्य फोकस पर लौटने से पहले एक छोटे से स्पर्शरेखा के लिए वीराना। उदाहरण के लिए:

<article>
     <p>A horse walks into a bar.</p>
     <p>The bartender says, "Why the long face?"</p>
     <aside>Not because it was sad, horses just have long faces.</aside>
</article>

भयानक उदाहरण है, लेकिन एक वैध। संभावना है कि यह पुल-कोट्स और अन्य लेख-संगत स्पर्शरेखा जैसी चीजों के लिए उपयोगी होगा, लेकिन विशुद्ध रूप से शब्दार्थ टैग के रूप में, विज्ञापन आम तौर पर नहीं होते हैं।

कीवर्ड-संचालित विज्ञापन प्रणाली आपकी सामग्री को शब्दार्थ रूप से फिट करने के बारे में परवाह नहीं करेगी, यह जनसांख्यिकी से मेल खाने में अधिक रुचि रखती है। यदि आपका <article>केवल PHP के बारे में है, और यह पायथन / पर्ल / जावा से संबंधित विज्ञापन खींचता है (यह कुछ बिंदु पर होगा), तो आपका <aside>बस खो गया अर्थ है। आप उन पेजों को कहीं और रखना बेहतर समझते हैं।


मेरे चेहरे पर मुस्कान लाने और मेरे खुद के एक सवाल का जवाब देने के लिए +1।
जेसन
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.