html5 एक शीर्षक के साथ रूपरेखा एक पाठ

Question

मैं नए HTML5 तत्वों को लागू करने का प्रयास करता हूं। यदि पृष्ठ एच 1 और टेक्स्ट के साथ बहुत आसान है, तो मुझे यकीन नहीं है कि इसे अर्थपूर्ण दृष्टिकोण से करने का सबसे अच्छा तरीका क्या है, पृष्ठ की संरचना को सही तरीके से कैसे प्रतिबिंबित करना है।

1. पाठ उदाहरण के लिए कंपनी के दर्शन है (या पेज या टीम के बारे में ...) मैं यह लेख का उपयोग करने के लिए सही नहीं है लगता है, क्या यह ठीक है? (क्योंकि इस मामले में स्वतंत्र रूप से वितरित करने योग्य या पुन: प्रयोज्य, उदाहरण के लिए सिंडिकेशन का इरादा नहीं है), क्या यह सिर्फ एक div होना चाहिए?

2. एच 1 और div को एक सेक्शन के साथ लपेटने के लिए कोई समझ है? यदि पृष्ठ में केवल एक अनुभाग होगा तो यह बहुत उपयोगी प्रतीत नहीं होता है।

तो, केवल एक शीर्षक और एक पाठ के साथ पृष्ठ को रेखांकित करने का सबसे सही तरीका क्या है?

<h1> Title </h1> 

<div id="content"> 
    <p> text, text, text... </p> 
</div> 

Answer 1

मैं div पूरी तरह से छोड़ देगी और जब जरूरत केवल उन्हें का उपयोग करें। यह एक साधारण शीर्षक और अनुच्छेद (ओं) का सबसे अर्थपूर्ण रूप से सही प्रतिनिधित्व प्रदान करेगा।

<h1>Title</h1> 

<p>Some text...</p> 

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

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

आप एक बहु कॉलम लेआउट के लिए div रों इस्तेमाल कर सकते हैं, या हो सकता है Bootstrap या Foundation की तरह एक सामने के अंत ढांचे द्वारा प्रदान की गतिशील ग्रिड में से एक में लग रहे हो।

Answer 2

मुझे लगता है कि आप किसी भी एचटीएमएल 5 तत्वों लेकिन सिर्फ इसलिए कि सवाल उन्हें मुझे के लिए पूछता है अपने मामले के लिए सबसे उपयुक्त तत्व होगा की जरूरत नहीं है:

<details open="open"> 
    <summary>Title</summary> 
    <p>Text text text text text text text</p> 
</details> 

Answer 3

एक section एक सामान्य अनुभाग है और यह

<section> 
    <h1> Title </h1> 
    <p> text, text, text... </p> 
</section> 

div के लिए कोई अर्थ पर्याप्त कारण मौजूद है: स्पष्ट करना है कि आपके शीर्षक अनुच्छेद के अंतर्गत आता है अपने उदाहरण में पूरी तरह से उपयोगी है। लेकिन अगर आपको इसकी ज़रूरत है, तो इसे रखें।

आप यहां section के बजाय article तत्व का भी उपयोग कर सकते हैं। जैसा कि आपने कहा था, यह "पुन: प्रयोज्य" होना चाहिए। यदि आप अपनी कंपनी के दर्शन लेते हैं तो यह संभव है कि आप इसे कहीं भी (सामाजिक नेटवर्क या कुछ) का पुन: उपयोग करना चाहते हैं। मुझे लगता है कि एक लेख के definiton से मिलता है। हालांकि, यह सवाल हमेशा व्याख्या का विषय है।