साइड नोट्स और एडमिशन प्रदर्शित करने के लिए कौन सा अर्थपूर्ण HTML टैग?

Question

मैं साइड नोट्स के साथ एक ऑनलाइन ट्यूटोरियल लिख रहा हूं या जब वे इसे Django ट्यूटोरियल में समान "सलाह" कहते हैं: https://docs.djangoproject.com/en/dev/intro/tutorial01/ (मेरा मतलब है कि हरे रंग के फ्रेम और नोट आइकन वाले बॉक्स)।

कौन सा HTML टैग मुझे ऐसे नोट्स को संलग्न करने के लिए उपयोग करना चाहिए जो एक नोट का अर्थपूर्ण अर्थ जोड़ने के लिए उपयोग किया जा सकता है जो ट्यूटोरियल के दिए गए बिंदु पर पढ़ने के लिए उपयोगी हो सकता है, लेकिन मुख्य ट्यूटोरियल प्रवाह का हिस्सा नहीं है?

ध्यान देने योग्य, टैग ब्लॉक तत्वों को संलग्न करने की अनुमति देनी चाहिए।

Answer 1

एचटीएमएल 5 (सभी आधुनिक ब्राउज़रों द्वारा समर्थित) में, टैग aside है।

http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-aside-element से:

अलग तत्व एक पृष्ठ है कि सामग्री है कि ऊपरी तौर तरफ तत्व के चारों ओर सामग्री से संबंधित है के होते हैं का एक वर्ग का प्रतिनिधित्व करता है, और जो कि सामग्री से अलग माना जा सकता है। ऐसे खंडों को अक्सर मुद्रित टाइपोग्राफी में साइडबार के रूप में दर्शाया जाता है।

तत्व,, पुल उद्धरण या साइडबार तरह टंकण प्रभाव के लिए इस्तेमाल किया जा सकता नव तत्वों के समूहों के लिए और अन्य सामग्री है कि पृष्ठ की मुख्य सामग्री से अलग माना जाता है के लिए विज्ञापन देने के लिए।

केवल पेरेंटेटिकल, के लिए अलग तत्व का उपयोग करना उचित नहीं है क्योंकि वे दस्तावेज़ के मुख्य प्रवाह का हिस्सा हैं।

यह एक ब्लॉक-स्तर तत्व है और आमतौर पर ब्लॉक-स्तर तत्व कुछ भी संलग्न कर सकता है (यानी लगभग कुछ भी)। यह अनिवार्य रूप से एक "अर्थपूर्ण div" है।

Answer 2

मेरा मानना ​​है कि स्वीकृत उत्तर बिल्कुल सही नहीं है। , के लिए

1. <aside> उचित पक्ष नोट "सामग्री से अलग माना जा सकता है", यदि: HTML5 working draft के अनुसार, <aside> तत्व कुछ में पक्ष नोटों को चिह्नित करने के लिए इस्तेमाल किया जा सकता है, लेकिन सभी मामलों स्विट्जरलैंड पर एक बहुत अधिक समाचार कहानी, या एक लंबे लेख में एक पुल उद्धरण में पृष्ठभूमि सामग्री उदाहरण। (डब्ल्यू 3 सी दस्तावेज़ से उदाहरण)
2. <aside> उपयुक्त नहीं है अगर साइड नोट "एक मूलभूत" है। डब्ल्यू 3 सी इसका क्या मतलब है इसका कोई उदाहरण नहीं देता है। एक संकीर्ण व्याख्या कुछ भी होगी जो कोमा के बीच या डैश के बीच कोष्ठक में रखी जाती है।

आप सख्ती से W3C कल्पना व्याख्या करने के लिए चाहते हैं, नहीं sidenotes के सभी Django tutorial में <aside> के साथ चिह्नित किया जा सकता। उदाहरण के लिए, "शीर्षक वाला नोट जो आप देखते हैं उससे मेल नहीं खाता है?" वास्तव में सामग्री से अलग नहीं माना जा सकता है, क्योंकि इससे इसके आगे की सामग्री के बिना समझ में नहीं आता है। तर्कसंगत रूप से, "यह कोड कहाँ रहना चाहिए?" यह भी <aside> नहीं है, क्योंकि यह "कोड" का उल्लेख करता है, जो सामग्री से संबंधित है।

मेरी राय में, डब्ल्यू 3 सी परिभाषा अनावश्यक रूप से भ्रमित और प्रतिबंधित है।की तरफ परिभाषा "मुख्य विषय या विषय से अस्थायी प्रस्थान" है, और नमूना सूक्ष्म भेदभाव शुरू करने के बजाय बस उस पर चिपकनी चाहिए। बेशक, कोई कारण नहीं है कि आप सभी sidenotes के लिए <aside> का उपयोग नहीं कर सकते हैं, अगर यह आपके कोड को सरल बनाता है। इसे नागरिक अवज्ञा के रूप में सोचें। :)

---

प्रासंगिक बोली:

अलग तत्व एक पृष्ठ है कि सामग्री के होते हैं का एक वर्ग है कि ऊपरी तौर तरफ तत्व के चारों ओर सामग्री से संबंधित है का प्रतिनिधित्व करता है, और जो माना जा सकता है उस सामग्री से अलग। ऐसे खंडों को अक्सर मुद्रित टाइपोग्राफी में साइडबार के रूप में दर्शाया जाता है।

तत्व,, पुल उद्धरण या साइडबार तरह टंकण प्रभाव के लिए इस्तेमाल किया जा सकता नव तत्वों के समूहों के लिए और अन्य सामग्री है कि पृष्ठ की मुख्य सामग्री से अलग माना जाता है के लिए विज्ञापन देने के लिए।

नोट: केवल मूलभूत तत्वों के लिए अलग तत्व का उपयोग करना उचित नहीं है, क्योंकि वे दस्तावेज़ के मुख्य प्रवाह का हिस्सा हैं।