एचटीएमएल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 में डिफ़ॉल्ट चारित्र निर्देशक (charset) 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>
  • नए फॉर्म कंट्रोल, जैसे कि नंबर, तारीख, समय, कैलेंडर और स्लाइडर
  • शक्तिशाली इमेज समर्थन (एचटीएमएल <canvas> और <svg> के माध्यम से)
  • शक्तिशाली मल्टीमीडिया समर्थन (एचटीएमएल <video> और <audio> के माध्यम से)
  • शक्तिशाली नए API, जैसे कि कुकी के स्थान पर स्थानीय भंडारण

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

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

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