2010-01-26 17 views
6

क्या हमें वेबसाइट पर सभी H1 से H6 का उपयोग करना चाहिए?क्या हमें किसी वेबसाइट में सभी H1 से H6 का उपयोग करने का प्रयास करना चाहिए?

मैं आमतौर पर h1 से h2 का उपयोग करता हूं। अब कैसे निर्णय लें और निर्णय लें कि H3 से H6 का उपयोग कहां करें।

हम lke परिणाम प्राप्त करने के लिए इस

h3 {display:inline} 

<div id="content"> 
    <h3> some text in bold:</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
     </p> 
    <h3> some text in bold:</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
     </p> 
</div> 

या इस

span {font-weight:bold} 

<div id="content"> 
    <p><span> some text in bold:</span> 
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p> 
    <p><span> some text in bold:</span> 
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p> 
</div> 

की तरह इस्तेमाल करना चाहिए इस

alt text http://easycaptures.com/fs/uploaded/226/1452064646.png

दोनों ही तरीकों से W3C मान्य हैं, सीएसएस के साथ मैं प्राप्त कर सकते हैं दोनों तरीकों से एक ही रूप है जो अर्थपूर्ण और सुलभ है?

उत्तर

17

यदि पाठ के रूप में कार्य करता है तो H2 स्तर के नीचे एक हेडर स्तर, यह एक H3 होगा। H4 से H6 के लिए कुल्ला/दोहराना।

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

1

आप उन्हें किसी अन्य टैग (अनिवार्य टैग: html, head, आदि के बाहर) के रूप में उपयोग करते हैं, जैसे आप उन्हें चाहिए, उन्हें आवश्यकता होने पर उनका उपयोग करें, लेकिन उन्हें सही तरीके से उपयोग करें।

0

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

1

आप ध्यान रखें कि खोज (एच 1) जैसे गूगल उपयोग हैडर टैग के रूप में इंजन जब अनुक्रमण और पेज रैंक आदि

के लिए पृष्ठों प्रसंस्करण देखें How Google is using HTML tags to enhance the search engine?

3

जब आप पृष्ठों मैं लेखन के रूप में यह सोचने के लिए कोशिश लेखन एक पुस्तक, यदि सामग्री अपने अनुभाग के लायक होने के लिए इस तरह से मूल अनुभाग से संबंधित है, तो H3, H4 का उपयोग करें ... अन्यथा आप अन्य HTML टैग्स जैसे कि डीडी (परिभाषा सूची) या उल (अनॉर्डर्ड) का उपयोग कर सकते हैं सूची)।

बेशक, यदि आप एसईओ के लिए जा रहे हैं, तो मुख्य सामग्री शीर्षक (या केवल उस जानकारी को जिसे आप उपयोगकर्ता को ढूंढना चाहते हैं) के लिए हमेशा अपने एच 1 और एच 2 का उपयोग करें। और फिर, जैसा कि पहले एक पुस्तक (प्रकाशन) की तरह महसूस करने की कोशिश करने के लिए पहले कहा गया था।

1

HTML एक मार्कअप भाषा है, जो अपनी सामग्री शब्दार्थ का वर्णन सरलीकृत साधन है। सीएसएस आपकी सामग्री को स्टाइल करने के लिए है, यानी दृश्य भाग। <p> की तरह ही टेक्स्ट का एक ब्लॉक एक पैराग्राफ <Hn> का अर्थ है पाठ का एक ब्लॉक शीर्षक है।

शीर्षलेख आपके दस्तावेज़ की संरचना का वर्णन करते हैं, एक ट्रेलीक डेटा संरचना, यदि आप करेंगे।

फ़ायरफ़ॉक्स के लिए वेब डेवलपर एक्सटेंशन में एक अच्छी सुविधा है जो आपको अपनी चिह्नित दस्तावेज़ संरचना देखने की अनुमति देती है। आप इसे सूचना-> दस्तावेज़ रूपरेखा के तहत पा सकते हैं।

1

एक अभिगम्यता दृष्टिकोण से शीर्षलेखों के कई स्तरों का उपयोग न करें जब तक कि यह आपकी सामग्री संरचना के लिए बाध्य न हो। उदाहरण के लिए मुख्य दस्तावेज़ में शीर्षक स्तर होना चाहिए, दस्तावेज़ में मुख्य अनुभागों में शीर्षक स्तर दो होना चाहिए, और उपखंडों में शीर्षक स्तर तीन होना चाहिए। विकिपीडिया इसका एक अच्छा काम करता है, उदाहरण के लिए निम्न लिंक देखें जिसमें अनुभाग और उपखंड दोनों हैं। http://en.wikipedia.org/wiki/Database_normalization

5

एक शीर्षक पृष्ठ के किसी अनुभाग के लिए एक शीर्षक है। यह कुछ शब्दों में खंड का वर्णन करता है।

किसी दस्तावेज़ में दिए गए बोल्ड टेक्स्ट का एक छोटा सा शीर्षक शीर्षक के रूप में सबसे अच्छा चिह्नित होने पर काम करने का कोई आसान नियम नहीं है।

आपके द्वारा दिए गए उदाहरण में, यह बताने में विशेष रूप से कठिन है कि बोल्ड टेक्स्ट शीर्षक होना चाहिए, क्योंकि टेक्स्ट अर्थहीन प्लेसहोल्डर टेक्स्ट है। "अर्थपूर्ण" का अर्थ केवल "अर्थ" है। "सबसे अर्थपूर्ण" मार्कअप वह है जो पृष्ठ के अर्थ को सबसे अच्छी तरह से संचारित करता है। चूंकि प्लेसहोल्डर टेक्स्ट का कोई अर्थ नहीं है, इसलिए आप इसे चिह्नित करने का तरीका नहीं चुन सकते हैं।

यह तय करने का एक तरीका है कि कुछ पाठ शीर्षक के रूप में चिह्नित किया जाना चाहिए, यह कल्पना करना है कि दस्तावेज़ कैसा दिखता है यदि उपयोगकर्ता केवल इसकी रूपरेखा देख सकता है, जो उसके शीर्षकों से उत्पन्न होता है। जैसे

  • <h1>
    • <h2>
      • <h3>
      • <h3>
    • <h2>
      • <h3>
        • <h4>
    • <h2>
      • <h3>

क्या टेक्स्ट रूपरेखा में समझ में आता है? या यह वास्तव में एक शीर्षक नहीं है, बल्कि बदले में सिर्फ इसलिए कि डिजाइनर इसे जोर देना चाहता था?

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

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