क्या एचटीएमएल 5 अर्थपूर्ण मार्कअप का उपयोग स्टाइल के लिए किया जाना चाहिए?

Question

मुझे एचटीएमएल 5 अर्थपूर्ण मार्कअप स्वीकार करना होगा मुझे भ्रमित करता है। मैं विशेष रूप से इन टैग के बारे में बात कर रहा हूँ:

<header> 
<nav> 
<section> 
<article> 
<aside> 
<footer> 

अर्थ तत्वों का उपयोग करते हुए जानकारी आम तौर पर एक <div> से नहीं मिल सकता है के साथ यूए प्रदान करता है, लेकिन वे<div> टैग के साथ इस्तेमाल किया जाना चाहिए या कर सकते हैं/चाहिए आप सीधे अर्थपूर्ण मार्कअप शैली?

दूसरे शब्दों में, उचित दृष्टिकोण क्या है?

यह:

<div id="content"> 
    <section> 
     <h1>Lorem ipsum></h1> 
     <p>Text</p> 
    </section> 
</div> 

या इस:

<section id="content"> 
    <h1>Lorem ipsum></h1> 
    <p>Text</p> 
</section> 

Answer 1

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

div टैग निश्चित रूप से उपयोगी हैं, क्योंकि जब कोई अर्थपूर्ण टैग फिट बैठता है।

Answer 2

मेरा मानना ​​है कि अपने पहले उदाहरण शब्दार्थ सही है, तो यह सोचते हैं आप कि div टैग में अधिक section टैग करना होगा।

div टैग सामग्री के लिए मौजूद पृष्ठ का एक अनुभाग इंगित करेगा, और फिर section टैग की तरह कुछ टैग करें।

Answer 3

यहाँ इस मुद्दे के बारे में एक अच्छा लेख है: के बारे में स्टाइल नीचे ब्लॉग पोस्ट से

<section><div class="section"> 
    <!-- content --> 
</div></section> 

उद्धरण: http://www.nczonline.net/blog/2011/03/22/using-html5-semantic-elements-today/

Zakas (टैंटेक सेलिक वास्तव में) के अनुसार

, इस जाने का रास्ता है:

स्टाइल के लिए, Tantek एचटीएमएल 5 तत्व ही शैली करने की कोशिश करने के लिए नहीं बल्कि किराए की शैली की सिफारिश की। तो यह करने के बजाय:

section { 
    color: blue; 
} 

इस का उपयोग करें:

.section { 
    color: blue; 
} 

Answer 4

के बाद से नए टैग सार्वभौमिक ब्राउज़र द्वारा, यहां तक ​​कि स्टाइल के लिए उम्मीदवार के रूप में, मान्यता प्राप्त नहीं हैं का उपयोग कर divclass साथ सुरक्षित है। आपके पास पहले class के साथ div का उपयोग करने का विकल्प भी है, और अब आप भविष्य में या भविष्य में कुछ भी खोना नहीं चाहते हैं। कोई सॉफ्टवेयर नए टैग के "अर्थशास्त्र" के बारे में परवाह नहीं करता है।

Answer 5

पहला उदाहरण उपयोग करने के लिए अधिक सुरक्षित है।

<section> 
    <h1>Lorem ipsum></h1> 
    <p>Text</p> 
</section> 

सामग्री है।

इस सामग्री को स्टाइल करने के लिए आप इसे एक कंटेनर जैसे लपेट सकते हैं।एक शैली हुक (कक्षा) के साथ div और शैली को लागू करें।