🚂 RailGuruji
Website developmentवेबसाइट विकास1 / 2

HTML5 and XMLएचटीएमएल5 और एक्सएमएल

Updated अद्यतन 07 Oct 2026
1
WHAT HTML5 ISएचटीएमएल5 क्या है
HTML5 is the major revision of HTML. It supersedes HTML 4.01, XHTML 1.0 and XHTML 1.1, for structuring and presenting content on the web.
  • It is a cooperation between the W3C and the WHATWG, the Web Hypertext Application Technology Working Group
  • It is designed to be backward compatible, with fallback content for older browsers
  • It lets you play AUDIO and VIDEO, draw on a CANVAS, build better forms, and run web applications OFFLINE
  • Tag names are case-insensitive, though lower case is the convention
  • The script and link tags need no type attribute: <script src="file.js">
So HTML5 does natively what once needed plug-ins and extra JavaScript.
एचटीएमएल5 एचटीएमएल का प्रमुख संशोधन है। यह वेब पर सामग्री की संरचना और प्रस्तुति के लिए एचटीएमएल 4.01, एक्सएचटीएमएल 1.0 और एक्सएचटीएमएल 1.1 का स्थान लेता है।
  • यह डब्ल्यू3सी और व्हाटडब्ल्यूजी, अर्थात् वेब हाइपरटेक्स्ट एप्लिकेशन टेक्नोलॉजी वर्किंग ग्रुप, का सहयोग है
  • इसे पुराने ब्राउजरों के लिए वैकल्पिक सामग्री के साथ, पश्च-संगत बनाया गया है
  • यह आपको ऑडियो और वीडियो चलाने, कैनवस पर चित्र बनाने, बेहतर प्रपत्र बनाने, और वेब एप्लिकेशन ऑफलाइन चलाने देता है
  • टैग नाम केस-असंवेदी हैं, यद्यपि छोटे अक्षरों की परंपरा है
  • script और link टैग को type गुण की आवश्यकता नहीं: <script src="file.js">
अर्थात् एचटीएमएल5 स्वयं वह करता है जिसके लिए पहले प्लग-इन और अतिरिक्त जावास्क्रिप्ट चाहिए थे।
2
THE NEW ELEMENTS OF HTML5एचटीएमएल5 के नए तत्व
  • SECTION: a generic section of a document; ARTICLE: an independent piece, such as a blog entry or news article
  • ASIDE: content only slightly related to the page; NAV: the navigation links
  • HEADER and FOOTER: the head and foot of a section; the footer may carry author and copyright
  • FIGURE: content such as an image or video, with its caption; DIALOG: a conversation
  • AUDIO, VIDEO and CANVAS embed media and drawing without plug-ins
  • CUSTOM DATA ATTRIBUTES start with data-, as in data-subject="physics"
You choose article when the piece would make sense on its own. So article stands alone, and section groups related content.
  • section: दस्तावेज का सामान्य खंड; article: स्वतंत्र अंश, जैसे ब्लॉग प्रविष्टि या समाचार लेख
  • aside: पेज से थोड़ी ही संबंधित सामग्री; nav: नेविगेशन लिंक
  • header और footer: किसी खंड का शीर्ष और तल; footer में लेखक और कॉपीराइट हो सकते हैं
  • figure: चित्र या वीडियो जैसी सामग्री, उसके कैप्शन के साथ; dialog: वार्तालाप
  • audio, video और canvas बिना प्लग-इन के मीडिया और चित्रांकन जोड़ते हैं
  • कस्टम डेटा गुण data- से शुरू होते हैं, जैसे data-subject="physics"
जब अंश अपने आप में अर्थपूर्ण हो, तब आप article चुनते हैं। अर्थात् article अकेला खड़ा रहता है, और section संबंधित सामग्री को समूहबद्ध करता है।
3
XML AND ITS RULESएक्सएमएल और उसके नियम
XML, the EXTENSIBLE MARKUP LANGUAGE, describes the STRUCTURE of data. It has no way of its own to present that data.
  • It is based on SGML; the W3C introduced version 1.0 in 1998
  • XML is CASE-SENSITIVE, and every start tag must have an END TAG
  • Elements must be properly NESTED, and every document has one ROOT element
  • The XML DECLARATION comes first, and attribute values must be in QUOTATION MARKS
  • An empty element may be abbreviated: <married></married> becomes <married/>
Android app layouts are also written in XML. So XML carries data, and you must keep its rules strictly.
एक्सएमएल, अर्थात् एक्सटेंसिबल मार्कअप लैंग्वेज, डेटा की संरचना बताती है। उस डेटा को प्रस्तुत करने का इसका अपना कोई तरीका नहीं है।
  • यह एसजीएमएल पर आधारित है; डब्ल्यू3सी ने संस्करण 1.0 1998 में प्रस्तुत किया
  • एक्सएमएल केस-संवेदी है, और हर आरंभ टैग का समापन टैग होना चाहिए
  • तत्व ठीक से नेस्टेड होने चाहिए, और हर दस्तावेज में एक रूट तत्व होता है
  • एक्सएमएल घोषणा पहले आती है, और गुण मान उद्धरण चिह्नों में होने चाहिए
  • खाली तत्व संक्षिप्त किया जा सकता है: <married></married> बन जाता है <married/>
एंड्रॉइड ऐप के लेआउट भी एक्सएमएल में लिखे जाते हैं। अर्थात् एक्सएमएल डेटा ले जाती है, और आपको इसके नियम कड़ाई से मानने होते हैं।
4
XML VERSUS HTML, AND THE DTDएक्सएमएल बनाम एचटीएमएल, और डीटीडी
  • XML has an EXTENSIBLE set of tags, is CONTENT-oriented, can VALIDATE data, and allows many output forms
  • HTML has a FIXED set of tags, is PRESENTATION-oriented, has no data validation, and gives one presentation
  • A DTD, DOCUMENT TYPE DEFINITION, is the optional GRAMMAR of an XML document: <!DOCTYPE name [...]>
  • XSL, the Extensible Style Language, presents XML; XLL links it
  • A DATA ISLAND is an XML document placed inside an HTML page
So you describe data with XML, and you display pages with HTML.
  • एक्सएमएल में टैगों का विस्तार योग्य समूह है, यह सामग्री-केंद्रित है, डेटा सत्यापित कर सकती है, और कई आउटपुट रूप देती है
  • एचटीएमएल में टैगों का निश्चित समूह है, यह प्रस्तुति-केंद्रित है, इसमें डेटा सत्यापन नहीं है, और यह एक प्रस्तुति देती है
  • डीटीडी, अर्थात् डॉक्यूमेंट टाइप डेफिनिशन, एक्सएमएल दस्तावेज का वैकल्पिक व्याकरण है: <!DOCTYPE name [...]>
  • एक्सएसएल, अर्थात् एक्सटेंसिबल स्टाइल लैंग्वेज, एक्सएमएल को प्रस्तुत करती है; एक्सएलएल उसे जोड़ती है
  • डेटा आइलैंड एचटीएमएल पेज के भीतर रखा एक्सएमएल दस्तावेज है
अर्थात् आप डेटा का वर्णन एक्सएमएल से, और पेज का प्रदर्शन एचटीएमएल से करते हैं।
Report an error on this pageइस पेज में गलती बताएँ
Read it — now test yourself. पढ़ लिया — अब खुद को परखें। Take the free Mock CBTफ्री Mock CBT दें