HTML5 Introduction

Introduction to HTML5

Web development के क्षेत्र में HTML बहुत ही महत्वपूर्ण language है। जब भी कोई web development के क्षेत्र में कदम रखता है तो उसे सबसे पहले HTML से ही रूबरू होना पड़ता है। HTML बहुत ही simple language है, जिसे आसानी से सीखा जा सकता है। इसकी simplicty के कारण ही HTML शुरआत से एक popular language रही है।

आज के युग में technology बहुत तेज़ी से बदल रही है। इसलिए HTML को समय के साथ नयी requirments को fullfil करने के लिए कई बार upgrade किया गया है। अब तक HTML के 5 version आ चुके है।

HTML5 HTML का latest version है। HTML5 को October 2014 में world wide web consortium द्वारा publish किया गया था। इसे multimedia support के साथ upgrade किया गया है। ये real world problems को solve करने के लिए pragmatic approach use करती है।

Features of HTML5

HTML5 के ऐसे बहुत से features जो इसे पुराने versions से बेहतर बनाते है इनके बारे में निचे दिया जा रहा है।

HTML5 is Simple

HTML के 5th version में HTML को और भी simple बनाने का प्रयास किया गया है। उदाहरण के लिए HTML5 से पहले DOCTYPE declaration इस प्रकार लिखा जाता था।

<!DOCTYPE HTML PUBLIC "-//w3c//DTD HTML 4.01 Transitional//EN "http://www.w3.org/TR/html4/loose.dtd">

जैसा की आप देख सकते है इसे लिखना और याद रखना काफी मुश्किल है। HTML5 में इसे simplify कर दिया गया है। अब आप इसे इस प्रकार लिखते है।

<!DOCTYPE html>

HTML5 में character set define करना भी simple बना दिया गया है। HTML5 से पहले आप इस प्रकार 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 के use को कम करने के लिए भी कुछ new changes किये गए है। उदाहरण के लिए अब तक आप form में user को कोई value enter करने के लिए कई lines की complex script के द्वारा force करते थे। HTML5 में form elements के लिए required attribute add किया गया है। जिन elements पर आप ये validation perform करना चाहते है उन्हें required define कर सकते है। ऐसा करने से यदि user कोई value enter नहीं करता है तो उसे message शो होता है।

<input type="text" name="userName" required>

HTML5 is Universal

HTML5 almost सभी दूसरी language के साथ work कर सकती है। इसके लिए आपको किसी भी प्रकार की external functionallity की आवश्यकता नहीं होती है। ये support HTML5 में built in है। उदाहरण के लिए ruby के साथ आसानी से work करने के लिए HTML5 में नया element define किया गया है।

With HTML5 Less Plugins Are Required

HTML5 में ऐसे कई features के लिए built in support provide किया गया है जिनके लिए पहले plugins की requirement होती थी। उदाहरण के लिए online video play करने के लिए flash की requirement होती है। हालाँकि कई browsers में ये built in भी आते है। लेकिन HTML5 में flash के लिए built in support provide किया गया है।

HTML5 is Secure

HTML5 में built in security features provide किये गए है। HTML5 origin based security use करती है। Data sharing को secure बनाने के लिए HTML5 में secure cross-origin sharing ability है।

New HTML5 Elements

HTML5 में अलग अलग categories के कई नए elements को add किया गया है। इनके बारे में निचे दिया जा रहा है।

Semantic Elements

इन्हें layout elements भी कहा जाता है। ये web page का layout define करने के लिए use किये जाते है।

  • <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 करने के लिए use किये जाते है।

  • <canvas>
  • <svg>

Form Elements

Forms को और भी बेहतर बनाने के लिए HTML5 में कई नए form 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
  • formaction
  • formmethod
  • formnovalidate
  • formtarget
  • list
  • max
  • min
  • multiple
  • novalidate
  • pattern
  • placeholder
  • readonly
  • required
  • spellcheck
  • step

Excluded Elements From HTML5

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

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

New HTML5 API’s

HTML5 में कुछ नए application program interfaces को include किया गया है।

  • High Resolution Time API
  • User Timing API
  • Navigation Timing API
  • Network Information API
  • Vibration API
  • Battery Status API
  • Page Visibility API
  • Fullscreen API
  • getUserMedia API
  • WebSocket API
  • Geolocation API
  • Drag and Drop API
  • Local Storage API
  • Application Cache API
  • Web Workers API
  • HTML SSE

इनके बारे में आप आगे की HTML5 tutorials में detail से जानेंगे।

Related Posts