HTML vs XHTML - Jassif Team

HTML Versus XHTML

XHTML HTML का एक सख्त, XML-आधारित संस्करण है।

XHTML क्या हैं?

XHTML का मतलब एक्स्टेंसिबल हाइपरटेक्स्ट मार्कअप लैंग्वेज है

XHTML HTML का एक सख्त, XML-आधारित संस्करण है

XHTML HTML को एक XML एप्लिकेशन के रूप में परिभाषित किया गया है

XHTML सभी प्रमुख ब्राउज़रों द्वारा समर्थित है

क्यों XHTML?

XML एक मार्कअप भाषा है जिसमें सभी दस्तावेज़ों को उचित रूप से चिह्नित किया जाना चाहिए ("अच्छी तरह से तैयार होने के लिए")।

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

💡सहायता नोट:

यदि आप XML के माध्यम से आगे बढ़ना चाहते हैं, तो XML ट्यूटोरियल के माध्यम से हमारा कदम उठाएँ।

HTML से सबसे महत्वपूर्ण अंतर

महत्वपूर्ण आवश्यकताएँ

!DOCTYPE अनिवार्य है
html में xmlns विशेषता अनिवार्य है
html, हेड, टाइटल और बॉडी अनिवार्य हैं

अनुच्छेद नियम

तत्वों को हमेशा सही ढंग से नेस्ट किया जाना चाहिए
अंगों को सदैव बंद रखना चाहिए
तत्व हमेशा छोटे अक्षरों में होने चाहिए

गुण नियम

विशेषता नाम हमेशा छोटे अक्षर में होने चाहिए
विशेषता मान हमेशा उद्धृत किया जाना चाहिए
विशेषता में कमी अक्षम है

XHTML - ये जरूरी है

XHTML दस्तावेज़ में XHTML नोटिस होना चाहिए.

HTML, हेड, शीर्षक और बॉडी तत्व भी मौजूद होने चाहिए, और HTML में xmlns विशेषता को दस्तावेज़ के लिए xml नेमस्पेस निर्दिष्ट करना होगा।

उदाहरण

न्यूनतम आवश्यक टैग के साथ XHTML दस्तावेज़:

XHTML Document Structure

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Title of document</title>
</head>
<body>

  some content here...

</body>
</html>

एक्सएचटीएमएल नियम और उदाहरण

ठीक है ✓

<b><i>Some text</i></b>

तत्व ठीक से नेस्टेड हैं

<p>This is a paragraph</p>
<p>This is another paragraph</p>

अंगों को ठीक से सील कर दिया गया है

A break: <br />
An image: <img src="happy.gif" 
        alt="Happy face" />

खोखले तत्व बंद हैं

मिथ्या ✗

<b><i>Some text</b></i>

तत्व ग़लत तरीके से नेस्टेड हैं

<p>This is a paragraph
<p>This is another paragraph

अंग बंद नहीं हैं

A break: <br>
An image: <img src="happy.gif" 
        alt="Happy face">

खोखले तत्व बंद नहीं हैं

तत्व और विशेषताएँ छोटे अक्षरों में होनी चाहिए

तत्व नाम

<body>
  <p>This is correct</p>
</body>

सभी तत्व नाम लोअरकेस हैं

विशेषता नाम

<a href="...">Correct</a>

विशेषता नाम लोअरकेस हैं

गुण मान

<a href="...">Correct</a>

विशेषता मान उद्धृत किए गए हैं

विशेषता में कमी अक्षम है

ठीक है ✓	मिथ्या ✗	व्याख्या
`<input checked="checked" />`	`<input checked />`	बूलियन विशेषताएँ पूर्णांक रूप में होनी चाहिए
`<input disabled="disabled" />`	`<input disabled />`	अक्षम विशेषताएँ पूर्ण रूप में होनी चाहिए
`<option selected="selected">`	`<option selected>`	चयनित विशेषता पूर्ण रूप में होनी चाहिए

एक्सएचटीएमएल सर्वोत्तम अभ्यास

DOCTYPE जोड़ते समय

अपने XHTML दस्तावेज़ों की शुरुआत में सही DOCTYPE घोषणा जोड़ें

अंगों को ठीक से बंद कर लें

सभी तत्वों की उचित सीलिंग सुनिश्चित करें और यही बात खोखले तत्वों पर भी लागू होती है

लोअर केस उपयोग

तत्व नाम और विशेषता नाम दोनों को छोटा करें

विशेषता कटौती से बचें

चेक किए गए या अक्षम किए गए जैसे संक्षिप्त विशेषता प्रपत्रों का उपयोग न करें

अभ्यास भाग

❓निम्नलिखित में से कौन सा सही XHTML सिंटैक्स है?

<br />

✓ ठीक है! XHTML में खाली तत्वों को ठीक से लपेटा जाना चाहिए

<BR>

✗ ग़लत! XHTML में तत्व लोअरकेस होने चाहिए

<br>

✗ ग़लत! XHTML में खाली तत्वों को ठीक से बंद किया जाना चाहिए (/ से पहले)।

❓निम्नलिखित में से कौन सा वैध XHTML विशेषता उपयोग है?

✓ ठीक है! XHTML में विशेषता कटौती निषिद्ध है

✗ ग़लत! XHTML में विशेषता कटौती की अनुमति नहीं है

✗ ग़लत! तत्व और विशेषता नाम छोटे अक्षरों में होने चाहिए

जैसिफ टीम वैलिडेटर के साथ HTML को मान्य करें

नीचे दिए गए बॉक्स में अपना वेब पता दर्ज करें:

🔍नोट:

जैसिफ टीम के वैलिडेटर टूल का उपयोग करके जांचें कि आपका HTML/XHTML कोड सही है या नहीं। इससे आपके कोड की गुणवत्ता बेहतर बनाने में मदद मिलेगी.

पहले अगला