HTML5 का परिचय
html 5 को web development के क्षेत्र में html बहुत ही महत्वपूर्ण language है जब भी कोई web development के क्षेत्र में कोई कदम रखता है तो उसे सबसे पहले html से ही तो रुब रूह होना पड़ता है जिससे html बहुत ही सिंपल(simple) language बना हुआ है जिसे आसानी से सिखा जा सकता है इसकी simplicity के कारण ही html को शुरुआत में एक पोपुलर language बना रही है
आज के इस युग में टेक्नोलॉजी बहुत तेजी से बदल रही है इसलिए html को समय समय के साथ नयी requirements को fulfill करने के लिए कई बार upgrade किया गया है अब तक html के 5 वर्शन(version) आ चुके है तो चलिए इसके बारे में जानने का प्रयास करते है।
html 5 html का लेटेस्ट(latest) version है जो html 5 को अक्टूबर 2014 में w3c(world wide web consortium) द्वारा public किया गया है इसे multimedia सपोर्ट के साथ upgrade किया गया है ये real world problems को solve करने के लिए प्रोग्मटिक(pragmatic) approach का प्रयोग करता है
feature of html5
html 5 के ऐसे बहुत से feature है जो इसे पुराने versions से बेहतर बनाते है इनके बारे में निचे आपको दिया जा रहा है
html5 is simple
html के 5th version में html को और भी simple बनाने का प्रयास किया गया है example के लिए html5 से पहले DOCTYPE declaration इस प्रकार लिखा जाता था
<DOCTYPE HTML PUBLIC “-//w3c//DTD HTML 4.01 Transitional//EN http://www.w 3.org/TR/html4/loose.dtd>
जैसे की आप उपर देख सकते है की इसे लिखना और याद रखना काफी मुश्किल होता है html5 में इसे simplify कर दिया गया है अब आप इसे इस प्रकार से लिखते है
<DOCTYPE html>
DOCTYPE declaration की तरह ही इसे भी डिफाइन करना बहुत ही complex होता है html में character set को define करना simple कर दिया गया है अब आप इसे इस प्रकार character set define करते थे
<meta http-equiv=”content-Type” content=”text/html”; charset=utf-8”>
DOCTYPE declaration की तरह ही इसे भी define करना बहुत ही complex होता है html में character set को define करना भी simple कर दिया गया है अब आप इसे इस प्रकार define करते है
<meta charset=utf-8>
html5 में script के प्रयोग को कम करने के लिए भी कुछ नया changes किये गए है example के लिए अब तक आप फॉर्म में यूजर को कोई वैल्यू(value) enter करने के लिए कई lines की complex script के द्वारा force करते थे html5 में फॉर्म एलिमेंट के लिए required attribute add किया गया है जिन elements पर आप ये validation perform करना चाहते है उन्हें required define कर सकते है ऐसा करने से यदि यूजर कोई वैल्यू enter नहीं करता है तो उसे message show होता है
<input type=”text” name=”userName” required>
html5 is universal
html5 almost सभी दूसरी language के साथ कार्य कर सकता है इसके लिए आपको किसी भी प्रकार की external functionallity की आवश्यकता नहीं होती है ये support html 5 में built in होता है example के लिए आप ruby के साथ आसानी से work करने के लिए html5 में नया <ruby> element define किया गया है
with html5 less plugins are required
html5 में ऐसे कई features के लिए built in support provide किया गया है जिनके लिए पहले plugins की requirement होती थी example के लिए online विडियो प्ले करने के लिए flash की requirement होती है हालाकि कई browsers में ये built in भी आते है लेकिन html5 में flash के लिए built in support provide किया जाता है
html5 is secure
html5 में built in security features provide किये गए है html 5 origin based security प्रयोग करती है data शेयरिंग को secure बनाने के लिए html5 में secure cross-origin शेयरिंग ability है
new html5 elements
html5 में अलग अलग categories के कई नए elements को add किया गया है इनके बारे में निचे दिया जा रहा है
semantic elements
इन्हे layout elements भी कहा जाता है ये web page का layout define करने के लिए प्रयोग किये जाते है
- <article>
- <aside>
- <figure>
- <header>
- <details>
- <wbr>
- <time>
- <meter>
- <section>
- <nav>
- <figcaption>
- <footer>
- <summary>
- <hgroup>
- <mark>
-
- <rp>
- <rt>
- <main>
Multimedia elements
ये elements web page में multimedia (audio,video आदि ) support के लिए होता है
- <audio>
- <video>
- <source>
- <track>
- <embed>
Graphic elements
graphic elements में web page में graphics add करने के लिए प्रयोग किया जाता है
- <canvas>
- <svg>
Form elements
forms को और भी बेहतर बनाने के लिए html5 में कई नए फॉर्म elements को provide किये जा सकते है
- <datalist>
- <keygen>