2012-02-13 11 views
5

के रूप में:क्या यह हेडर टैग के अंदर एक अलग टैग डालने के लिए semantically मान्य है?

<header id="mainHeader"> 
     <hgroup> 
       <h1>Title</h1> 
       <h2>Sub Title</h2> 
      </hgroup> 
      <aside> 
       <p>Some content within the header but isn't as important.</p> 
       <p>Some content within the header but isn't as important line 2.</p> 
      </aside>    
    </header> 

इस का कारण, जैसा कि ऊपर का प्रदर्शन किया, है मैं कुछ सामग्री हैडर के अंतर्गत आता है (उदाहरण के लिए, जानकारी की एक छोटी सी ब्लॉक) है, लेकिन केवल किसी भी तरह से संबंधित है, लेकिन वास्तव में नहीं है एच 1 और एच 2 टैग के रूप में आवश्यक है।

या मुझे बस एक सामान्य div का उपयोग करना चाहिए?

+0

"पी" टैग भी संबंधित हैं और एच 1, और एच 2 के रूप में इतना महत्वपूर्ण नहीं हैं, इसलिए यह भी बिना किसी तरफ के अर्थात् ठीक होगा। मुझे यकीन नहीं है कि आप इस तरह के एक तरफ रख सकते हैं या नहीं कर सकते हैं। – Cmorales

+1

बीटीडब्ल्यू 'एचग्रुप' पहले ही अप्रचलित है। http://www.webmonkey.com/2013/04/w3c-drops-hgroup-tag-from-html5-spec/ –

उत्तर

5

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

वास्तव में महत्वपूर्ण बात यह है कि अन्य लोग जो आपके HTML मार्कअप को देख सकते हैं, इसके बारे में सोचें। <header> और <aside>has recently been characterized (हिक्सी, एचटीएमएल 5 संपादक द्वारा) जैसे नए तत्वों की "अर्थशास्त्र" अधिकांशतः संलेखन और रखरखाव की आसानी से संबंधित है।

यदि स्वयं "अर्थशास्त्र" के बारे में सुनिश्चित नहीं हैं, तो बाधाएं हैं कि दूसरों को भी इसके साथ कठिनाइयों का सामना करना पड़ेगा। इसलिए <div class="foo"> का उपयोग करना सुरक्षित हो सकता है जहां foo किसी भी तरह सामग्री की भूमिका को दर्शाता है।

+0

... या '' '

' '' –

0

अर्थात्, एसाइड्स को अपने मूल तत्व की सामग्री से इस तरह से संबंधित होना चाहिए कि या तो कुछ सामग्री को हाइलाइट करें या सामग्री को सारांशित करने या बढ़ाने के लिए कुछ करें। अपनी सामग्री चौथी दीवार तोड़ने के रूप में एक तरफ सोचो।

दूसरे शब्दों में, हाँ आपके प्रश्न के लिए, लेकिन आपके उदाहरण के लिए नहीं। यदि आपके पास पुल कोट या स्पष्टीकरण है जो सीधे आपके हेडर में सामग्री से संबंधित है, तो हर तरफ, एक तरफ तत्व का उपयोग करें। यदि आपके पास ऐसी सामग्री है जो कुछ अन्य सामग्री के रूप में महत्वपूर्ण नहीं है, तो मैं इसके बजाय <section> का उपयोग कहूंगा।

+0

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

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