एचटीएमएल ट्यूटोरियल

एचटीएमएल होम एचटीएमएल परिचय एचटीएमएल संपादक एचटीएमएल बेसिक एचटीएमएल तत्व एचटीएमएल गुण एचटीएमएल शीर्षक एचटीएमएल पैराग्राफ एचटीएमएल शैलियाँ एचटीएमएल स्वरूपण एचटीएमएल कोटेशन एचटीएमएल टिप्पणियाँ एचटीएमएल रंग एचटीएमएल सीएसएस एचटीएमएल लिंक एचटीएमएल छवियाँ एचटीएमएल फ़ेविकॉन एचटीएमएल टेबल्स एचटीएमएल सूचियां एचटीएमएल ब्लॉक और इनलाइन एचटीएमएल क्लासेस एचटीएमएल आईडी एचटीएमएल इफ्रेम्स एचटीएमएल जावास्क्रिप्ट HTML फ़ाइल पथ एचटीएमएल हेड एचटीएमएल लेआउट एचटीएमएल उत्तरदायी एचटीएमएल कंप्यूटर कोड HTML शब्दार्थ एचटीएमएल स्टाइल गाइड एचटीएमएल इकाइयां एचटीएमएल प्रतीक एचटीएमएल इमोजी एचटीएमएल वर्णसेट एचटीएमएल यूआरएल एनकोड एचटीएमएल बनाम एक्सएचटीएमएल

एचटीएमएल फॉर्म

एचटीएमएल फॉर्म एचटीएमएल फॉर्म गुण एचटीएमएल फॉर्म एलिमेंट्स एचटीएमएल इनपुट प्रकार एचटीएमएल इनपुट गुण HTML इनपुट फॉर्म विशेषताएँ

एचटीएमएल ग्राफिक्स

एचटीएमएल कैनवास एचटीएमएल एसवीजी

एचटीएमएल मीडिया

एचटीएमएल मीडिया एचटीएमएल वीडियो एचटीएमएल ऑडियो एचटीएमएल प्लग-इन एचटीएमएल यूट्यूब

एचटीएमएल एपीआई

एचटीएमएल जियोलोकेशन एचटीएमएल ड्रैग/ड्रॉप एचटीएमएल वेब स्टोरेज एचटीएमएल वेब वर्कर्स एचटीएमएल एसएसई

एचटीएमएल उदाहरण

एचटीएमएल उदाहरण एचटीएमएल प्रश्नोत्तरी एचटीएमएल व्यायाम एचटीएमएल प्रमाणपत्र एचटीएमएल सारांश एचटीएमएल अभिगम्यता

एचटीएमएल संदर्भ

एचटीएमएल टैग सूची एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल ब्राउज़र समर्थन एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल सिद्धांत एचटीएमएल कैरेक्टर सेट एचटीएमएल यूआरएल एनकोड एचटीएमएल लैंग कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग

एचटीएमएल बनाम एक्सएचटीएमएल


XHTML, HTML का अधिक कठोर, अधिक XML-आधारित संस्करण है।


एक्सएचटीएमएल क्या है?

  • एक्सएचटीएमएल का अर्थ है ई एक्स टेन्सिबल एच यपर टी एक्सट एम आर्कअप एल एंगुएज
  • XHTML, HTML का अधिक कठोर, अधिक XML-आधारित संस्करण है
  • एक्सएचटीएमएल एचटीएमएल को एक्सएमएल एप्लीकेशन के रूप में परिभाषित किया गया है
  • एक्सएचटीएमएल सभी प्रमुख ब्राउज़रों द्वारा समर्थित है

एक्सएचटीएमएल क्यों?

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

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

यदि आप एक्सएमएल का अध्ययन करना चाहते हैं, तो कृपया हमारा एक्सएमएल ट्यूटोरियल पढ़ें ।


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

  • <!DOCTYPE> अनिवार्य है
  • <html> में xmlns विशेषता अनिवार्य है
  • <html>, <head>, <title>, और <body> अनिवार्य हैं
  • तत्वों को हमेशा ठीक से नेस्ट किया जाना चाहिए
  • तत्व हमेशा बंद रहना चाहिए
  • तत्व हमेशा लोअरकेस में होने चाहिए
  • विशेषता नाम हमेशा लोअरकेस में होना चाहिए
  • विशेषता मान हमेशा उद्धृत किए जाने चाहिए
  • विशेषता न्यूनीकरण निषिद्ध है


एक्सएचटीएमएल - <!DOCTYPE ....> अनिवार्य है

एक XHTML दस्तावेज़ में एक XHTML <!DOCTYPE> घोषणा होनी चाहिए।

<html>, <head>, <title>, और <body> तत्व भी मौजूद होने चाहिए, और <html> में xmlns विशेषता को दस्तावेज़ के लिए xml नेमस्पेस निर्दिष्ट करना चाहिए।

उदाहरण

यहां एक एक्सएचटीएमएल दस्तावेज़ है जिसमें न्यूनतम आवश्यक टैग हैं: 

<!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>

गलत:

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

एक्सएचटीएमएल तत्व हमेशा बंद रहना चाहिए

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

सही:

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

गलत:

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

एक्सएचटीएमएल खाली तत्व हमेशा बंद रहना चाहिए

एक्सएचटीएमएल में, खाली तत्वों को हमेशा इस तरह बंद किया जाना चाहिए:

सही:

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

गलत:

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

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

एक्सएचटीएमएल में, एलिमेंट के नाम हमेशा लोअरकेस में होने चाहिए, जैसे:

सही:

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

गलत:

<BODY>
<P>This is a paragraph</P>
</BODY>

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

XHTML में, विशेषता नाम हमेशा लोअरकेस में होने चाहिए, जैसे:

सही:

<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

गलत:

<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

एक्सएचटीएमएल विशेषता मूल्यों को उद्धृत किया जाना चाहिए

एक्सएचटीएमएल में, विशेषता मानों को हमेशा इस तरह उद्धृत किया जाना चाहिए:

सही:

<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

गलत:

<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>

XHTML विशेषता न्यूनीकरण निषिद्ध है

एक्सएचटीएमएल में, विशेषता न्यूनीकरण निषिद्ध है:

सही:

<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />

गलत:

<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />

W3C सत्यापनकर्ता के साथ HTML को मान्य करें

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