एचटीएमएल5 इंट्रॉडक्शन

प्रत्येक अध्याय में HTML5 का इन्स्टैंस

इन्स्टैंस

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 आपका ब्राउज़र वीडियो टैग को संभाल नहीं सकता है।
</video>
</body>
</html>

परीक्षण करें

“परीक्षण करें” पर क्लिक करके इस इन्स्टैंस को कैसे चलाया जाता है देखें।

HTML5 क्या है?

HTML5 सबसे नया HTML स्टैंडर्ड है।

HTML5 अत्यंत समृद्ध वेब सामग्री को वहां रखने के लिए विशेष रूप से डिजाइन किया गया है और इसके लिए अतिरिक्त प्लगइन आवश्यक नहीं हैं।

HTML5 नई सेमेंटिक, ग्राफिक और मल्टीमीडिया एलीमेंटों के साथ है।

HTML5 द्वारा प्रदान की गई नई एलीमेंट और नई API वेब एप्लिकेशन के निर्माण को सरल बनाते हैं।

HTML5 प्लैटफॉर्म अविभाज्य है और इसे विभिन्न प्रकार के हार्डवेयर (PC, टैबलेट, मोबाइल, टेलीविज़न आदि) पर चलने के लिए डिजाइन किया गया है।

टिप्पणी：नीचे के अध्यायों में आपको पता चलेगा कि कैसे “मदद” करके पुराने संस्करण के ब्राउज़रों को HTML5 का संचालन किया जाता है।

HTML5 में नई सामग्री क्या है?

HTML5 की नई दस्तावेज़ टाइप (DOCTYPE) घोषणा भी बहुत ही सरल है:

<!DOCTYPE html>
नई चारक्टर एनकोडिंग (charset) घोषणा भी बहुत ही सरल है:
<meta charset="UTF-8">

HTML5 इन्स्टैंस:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>दस्तावेज़ का शीर्षक</title>
</head>
<body>
दस्तावेज़ का सामग्री......
</body>
</html>

टिप्पणी：HTML5 में डिफ़ॉल्ट चारक्टर एनकोडिंग UTF-8 है।

HTML5 - नई प्रोपर्टी ग्रामेटर

HTML5 स्टैंडर्ड 4 अलग-अलग प्रोपर्टी ग्रामेटर की अनुमति देता है।

इस उदाहरण में <input> टैग में इस्तेमाल की गई विभिन्न वर्गांकों को दिखाया गया है:

प्रकार उदाहरण
खाली <input type="text" value="Bill Gates" disabled>
अनक़ोटेड <input type="text" value=Bill Gates>
डबल-क़ोटेड <input type="text" value="Bill Gates">
सिंगल-क़ोटेड <input type="text" value='Bill Gates'>

एचटीएमएल5 मानक में, गुण की जरूरत के अनुसार, सभी 4 वर्गांकों का इस्तेमाल किया जा सकता है।

HTML5 - नई विशेषताएँ

HTML5 की कुछ सबसे मजेदार नई विशेषताएँ:

  • नए संबोधन एलिमेंट, जैसे <header>, <footer>, <article>, और <section>।
  • नए फॉर्म नियंत्रक, जैसे नंबर, तारीख, समय, कैलेंडर और स्लाइडर।
  • मजबूत इमेज़ समर्थन (कैनवस और एसवीजी के माध्यम से)
  • मजबूत मल्टीमीडिया समर्थन (वीडियो और आवाज के माध्यम से)
  • मजबूत नए API, जैसे कोकी के स्थान पर स्थानीय भंडार द्वारा।

HTML5 - हटा दिए गए एलिमेंट

नीचे HTML 4.01 एलिमेंट एचटीएमएल5 से हटा दिए गए हैं:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>