deepeweb.github.io

Introduction to XHTML (Extensible HyperText Markup Language) in Hindi

XHTML

XHTML का पूरा नाम है Extensible HyperText Markup Language. यह HTML का एक updated और strict version है जिसे XML (Extensible Markup Language) के rules के अनुसार बनाया गया है।

HTML में कुछ flexibility होती है, जैसे tags को close न करना या uppercase letters का use करना। लेकिन XHTML में हर tag को सही तरीके से close करना जरूरी होता है, और सभी tags lowercase में ही होने चाहिए।

<!-- XHTML Example -->
<p>This is a paragraph.</p>
<br />

ऊपर के code में <br /> tag को self-close किया गया है, जो XHTML का requirement है। HTML में इसे केवल <br> भी लिखा जा सकता है, लेकिन XHTML में यह error माने जाएगा।

XHTML को XML की तरह treat किया जाता है। इसका मतलब है कि यह ज्यादा strict होता है और browser को इसे पढ़ने में किसी भी गलती पर दिक्कत हो सकती है।

XHTML का मुख्य उद्देश्य यह था कि web content को ज्यादा साफ़, structured और machine-readable बनाया जाए।

W3C (World Wide Web Consortium) ने XHTML को HTML की जगह पर promote किया था ताकि सभी websites में एक uniform structure हो सके।

हालांकि, आज के समय में HTML5 को ज्यादा use किया जाता है क्योंकि यह XHTML के मुकाबले ज्यादा flexible है। लेकिन XHTML अभी भी कुछ बड़े projects और पुराने systems में use होता है।

XHTML में attributes के value को हमेशा double quotes में लिखा जाता है, जैसे: type="text".

अगर आपकी website का code XHTML के rules को follow करता है, तो वो ज्यादा clean और future-compatible मानी जाती है।




HTML Form Example

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Basic HTML Form Example</title>
</head>
<body>
  <h2>Registration Form</h2>
  <form action="#" method="post">
    <label for="fullname">Full Name:</label><br>
    <input type="text" id="fullname" name="fullname"><br><br>

    <label for="email">Email:</label><br>
    <input type="email" id="email" name="email"><br><br>

    <label>Gender:</label><br>
    <input type="radio" id="male" name="gender" value="male">
    <label for="male">Male</label><br>
    <input type="radio" id="female" name="gender" value="female">
    <label for="female">Female</label><br><br>

    <label>Hobbies:</label><br>
    <input type="checkbox" id="reading" name="hobby" value="reading">
    <label for="reading">Reading</label><br>
    <input type="checkbox" id="traveling" name="hobby" value="traveling">
    <label for="traveling">Traveling</label><br>
    <input type="checkbox" id="music" name="hobby" value="music">
    <label for="music">Music</label><br><br>

    <label for="message">Your Message:</label><br>
    <textarea id="message" name="message" rows="4" cols="40"></textarea><br><br>

    <input type="submit" value="Submit">
    <input type="reset" value="Reset">

  </form>

</body>
</html>



Request

अगर आपको यह article useful या interesting लगा हो, तो please इसे अपने dosto aur family ke साथ जरूर share करें। आपका एक छोटा सा कदम हमें और अच्छा content बनाने के लिए motivate करता है। Thank you!

ध्यान दें कि इस page पर आपको कुछ ads भी देखने को मिल सकते हैं। इसके लिए हम आपसे माफी चाहते हैं। हम इस content को तैयार करने में काफी मेहनत और time लगाते हैं, ताकि आपको valuable जानकारी मिल सके। इन्हीं ads की मदद से हम ये काम continue कर पाते हैं।

आपके support और understanding के लिए दिल से धन्यवाद।




Follow Us

Facebook Logo    Instagram Logo