Html5 in hindi-html5 क्या है ?

हेल्लो दोस्तों ! आपको html के बारे में पूरी details से बताया जा चूका है आज इस पोस्ट में आपको Html5 in hindi के बारे में बताया जा रहा है तो चलिए शुरू करते है

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>
  • <ruby>
    • <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>
    • <output>

    html5 में कई नए input types include किये गए है

    • color
    • date
    • datetime
    • datetime-local
    • email
    • month
    • number
    • range
    • search
    • tel
    • time
    • url
    • week

    input types के साथ ही कुछ नए फॉर्म(form) attributes भी html5 में include किये गए है

    • autocomplete
    • autofocus
    • formmethod
    • formnavalidate
    • formtarget
    • list
    • max
    • min
    • multiple
    • novalidate
    • pattern
    • placeholder
    • readonly
    • required
    • spellcheck
    • step

    Excluded elements form html5

    html5 में prior version के कुछ elements को exclude कर दिया गया है

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

    New html5 API’s

    html5 में कुछ नए application program इंटरफ़ेस को include किया गया है

    • High resolution time API
    • user timing API
    • navigation timing API
    • network information API
    • vibration API
    • battery status API
    • page visibility API
    • fullscreen API
    • getuser media API
    • websocket API
    • geolocation API
    • drag and drop API
    • local storage API
    • application cache API
    • web workers API
    • html SSE

Html5 in hindi

reference-https://www.tutorialspoint.com/html5/index.htm

Html5 in hindi

निवेदन :-अगर आपको यह आर्टिकल(Html5 in hindi) उपयोगी लगा हो तो इस आप अपने क्लासमेट ,दोस्तों  के साथ अवश्य share कीजिये और आपके जो भी इस पोस्ट्स से related(सम्बन्धित) questions है तो आप उन्हें निचे कमेंट कर सकते है हम उसके  answer अवश्य करेंगे (Html5 in hindi) Thank

Leave a Comment