एक्सएक्सएच और एचटीएमएल के बीच का अंतर

शुद्ध HTML लिखकर, आप XHTML के लिए तैयार हो सकते हैं。

XHTML के लिए कैसे तैयार हों

XHTML और HTML 4.01 मानकों के बीच बहुत अंतर नहीं हैं。

तो आपके कोड को 4.01 में अपग्रेड करना एक अच्छा शुरू है। हमारे पूरे 《HTML 4.01 संदर्भ दस्तावेज़》इस काम को करने में मदद करेगा。

इसके अलावा, आपको तुरंत छोटे अक्षरों से HTML कोड लिखना चाहिए, और </p> जैसे टैगों को अनदेखा करने की बुरी आदत न करनी चाहिए。

आपको खुशी से कोडिंग करने के लिए शुभकामनाएं!

सबसे मुख्य अंतर:

  • XHTML एलीमेंट को सही रूप से गहन किया जाना चाहिए
  • XHTML एलीमेंट को बंद करना चाहिए
  • टैग नाम को छोटे अक्षरों से लिखना चाहिए
  • XHTML दस्तावेज़ को एक रूट एलीमेंट होना चाहिए

एलीमेंटों को सही रूप से गहन किया जाना चाहिए

HTML में, कुछ एलीमेंट इस तरह से परस्पर गलत रूप से गहन हो सकते हैं:

<b><i>यह टेक्स्ट बोल्ड और इटालिक है</b></i>

XHTML में, सभी एलीमेंट इस तरह से परस्पर सही रूप से गहन होने चाहिए:

<b><i>यह टेक्स्ट बोल्ड और इटालिक है</i></b>

सूचना:गहन सूची में एक सामान्यता गलती, यह कि आंतरिक सूची को li एलीमेंट में अवश्यः जगह देना चाहिए, जैसा कि नीचे दिया गया है:

यह गलत है:

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  <li>Milk</li>
</ul>

यह सही है:

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

नोट: सही कोड के उदाहरण में, हमने </ul> के बाद </li> टैग जोड़ा है।

XHTML एलीमेंट को बंद करना चाहिए

खाली नहीं होने वाले टैगों को अंत टैग का उपयोग करना चाहिए

यह गलत है:

<p>यह एक पैराग्राफ है
<p>यह एक और अनुच्छेद है

यह सही है:

<p>यह एक पैराग्राफ है</p>
<p>यह एक और अनुच्छेद है</p>

खाली टैगों को भी बंद करना चाहिए

खाली टैगों को भी अंत टैग का उपयोग करना चाहिए, या उनके शुरू टैग को/>अंत

यह गलत है:

एक तोड़: <br>
एक लम्बा नियम: <hr>
एक छवि: <img src="happy.gif" alt="Happy face">

यह सही है:

एक तोड़: <br />
एक लम्बा नियम: <hr />
एक छवि: <img src="happy.gif" alt="Happy face" />

XHTML एलीमेंट को छोटा होना चाहिए

XHTML नियमावली परिभाषित करती है: टैग नाम और गुणों पर आकर्षण संवेदनशील हैं।

यह गलत है:

<BODY>
<P>यह एक पैराग्राफ है</P>
</BODY>

यह सही है:

<body>
<p>यह एक पैराग्राफ है</p>
</body>

एक्सएक्सएच दस्तावेज़ को एक मूल एलिमेंट होना चाहिए

सभी एक्सएक्सएच एलिमेंट को <html> मूल एलिमेंट में घुसाया जाना चाहिए।अन्य सभी एलिमेंट के अधीन बन सकते हैं।उप-एलिमेंट अकेले होने चाहिए और अपने माता एलिमेंट के अंदर घुसाये जाने चाहिए।बुनियादी दस्तावेज़ संरचना इस प्रकार है:

<html>
<head> ... </head>
<body> ... </body>
</html>