Tuesday, January 26, 2021

html 5 interview question in Hindi

Best HTML5 Interview Questions And Answers

 Q: HTML5 विनिर्देशन के महत्वपूर्ण लक्ष्यों को सूचीबद्ध करें।

उत्तर: HTML5 विनिर्देशन के सबसे महत्वपूर्ण लक्ष्य निम्नलिखित हैं:

  •     structural element tags की शुरुआत के साथ वेब पेज संरचना के लिए बेहतर अर्थ समर्थन
  •     के लिए एक सख्त पार्सिंग मानक वितरित करना:
  •         लगातार क्रॉस-ब्राउज़र व्यवहार सुनिश्चित करना
  •         पुराने HTML मानकों के अनुसार लिखे गए दस्तावेजों के साथ उत्कृष्ट पिछड़ेपन की पेशकश करना
  •         त्रुटि से निपटने को सरल बनाना
  •     HTML4, XHTML और HTML DOM स्तर 2 को बदलने के लिए
  •     प्लगइन्स पर निर्भरता के बिना वीडियो और एनीमेशन जैसे इंटरैक्टिव और समृद्ध सामग्री प्रदान करें
  •     कई उपकरणों और प्लेटफार्मों पर निर्बाध संचालन


Q: HTML5 में सबसे महत्वपूर्ण नई सुविधाओं में से कुछ की गणना करें।

उत्तर: HTML 5 विनिर्देश द्वारा लाई गई सर्वश्रेष्ठ नई सुविधाओं में से कुछ हैं:

  •     बेहतर त्रुटि से निपटने
  •      <audio>, <canvas>, <video> tags के माध्यम से ऑडियो, ग्राफिक्स और वीडियो सामग्री एम्बेड करने के लिए बढ़ाया समर्थन
  •     जावास्क्रिप्ट एपीआई के लिए एक्सटेंशन, जैसे कैशिंग, ड्रैग-एंड-ड्रॉप, जियोलोकेशन, और स्टोरेज के लिए
  •     स्क्रिप्टिंग को बदलने के लिए अधिक मार्कअप
  •     मल्टी-डिवाइस सपोर्ट
  •     नया:
  •         बेहतर दस्तावेज़ संरचना के लिए विशेषताएँ, जैसे <article>, <bdi>, <figcaption>, और <meter>
  •         <calendar>, <email>, <search>, and <url> सहित फ़ॉर्म नियंत्रण
  •         लचीलापन बढ़ाने के लिए पारसिंग नियम
  •         आधुनिक वेब अनुप्रयोगों के संरचनात्मक तर्क को पूरक करने के लिए शब्दार्थ टैग, जैसे कि <aside>, <header>, <main>, <section>
  •    CSS, DOM, HTML,  और J.S. जैसी मानक विशेषताएं। बाहरी प्लगइन्स की आवश्यकता को कम करने के लिए
  •     के लिए समर्थन:
  •         ऑफ़लाइन संपादन
  •         प्रोटोकॉल और MIME हैंडलर पंजीकरण
  •         वेब एसक्यूएल
  •     वेब कार्यकर्ता

html5 interview questions and answers
html5 interview questions and answers


Q: HTML5 और HTML में क्या अंतर हैं?

उत्तर: HTML और HTML5 के बीच विभिन्न अंतर निम्नलिखित हैं:

1. गुण

HTML5 में Async, charset, और पिंग की विशेषताएँ उपलब्ध हैं। HTML में समान उपलब्ध नहीं है।

1. Doctype Declaration For html 5 interview question

HTML में एक लंबी और जटिल सिद्धांत घोषणा है। HTML5 में वही सरल और आसान है।

2. ड्रैग-एंड-ड्रॉप

जबकि HTML5 ड्रैग-एंड-ड्रॉप प्रभाव के लिए समर्थन प्रदान करता है, HTML के लिए इसके लिए कोई प्रावधान नहीं है।

3. ज्यामितीय आकृतियाँ बनाना

HTML में मंडलियों, आयतों और त्रिभुजों जैसी आकृतियों को आरेखित करने का कोई तरीका नहीं है। इसे HTML5 में तैयार किया जा सकता है।

4. उच्च-स्तरीय वीडियो और ऑडियो समर्थन

उच्च-स्तरीय ऑडियो और वीडियो समर्थन HTML विशिष्टताओं का हिस्सा नहीं है। एचटीएमएल 5 आउट-ऑफ-द-बॉक्स उच्च-स्तरीय ऑडियो और वीडियो समर्थन प्रदान करता है।

5. इन-टेक्स्ट उपयोग

HTML5 में टेक्स्ट में MathML और SVG का उपयोग किया जा सकता है। HTML में यह संभव नहीं है।

6. जावास्क्रिप्ट समर्थन

HTML, J.S को चलाने के लिए समर्थन प्रदान नहीं करता है। वेब ब्राउज़र के भीतर। HTML5 वेब वर्कर्स का उपयोग करके पृष्ठभूमि में जावास्क्रिप्ट को चलाने की अनुमति देता है।

7. मोबाइल तैयार

HTML मोबाइल तैयार नहीं है। HTML5 विनिर्देशों में मोबाइल-मित्रता पर जोर दिया गया है।

8. भंडारण

HTML में कोई लगातार स्टोरेज विकल्प उपलब्ध नहीं है। केवल ब्राउज़र कैश का उपयोग अस्थायी भंडारण के रूप में किया जाता है। HTML5 एप्लिकेशन कैश, वेब SQL डेटाबेस और वेब संग्रहण के साथ स्थायी भंडारण की अनुमति देता है।

9. वेक्टर ग्राफिक्स

एचटीएमएल 5 कैनवस, एसवीजी और अन्य वर्चुअल वेक्टर ग्राफिक्स के लिए समर्थन प्रदान करता है। HTML में वेक्टर ग्राफिक्स को लागू करना केवल सिल्वरलाइट और वीएमएल जैसे तीसरे पक्ष के प्लगइन्स का उपयोग करना संभव है।

Q: महत्वपूर्ण HTML5 तकनीकों की गणना करें।

उत्तर: HTML5 तेज, बेहतर और अधिक संवादात्मक वेब पेज विकास की सुविधा के लिए कई नई तकनीकों को जोड़ता है। महत्वपूर्ण HTML5 प्रौद्योगिकियाँ हैं:

  •     Canvas 2D
  •     CSS3
  •     Drag and Drop
  •     File API
  •     Geolocation API
  •     Microdata
  •     Offline Application
  •     SSE (Server-Sent Events)
  •     SVG (Scalable Vector Graphics)
  •     Web Intents
  •     Web Messaging
  •     Web Sockets
  •     Web Storage
  •     Web Workers


Q: आप वेब वर्कर्स द्वारा क्या समझते हैं?

उत्तर: वेब कर्मचारियों का जुड़ाव जावास्क्रिप्ट के लिए मल्टीथ्रेडिंग क्षमता लाता है। ये पृष्ठभूमि में चलने वाली स्क्रिप्ट हैं, जिन्हें पूरा करने के लिए वेब पेज की आवश्यकता नहीं है।

इसलिए, एक उपयोगकर्ता वेब पेज के साथ स्वतंत्र रूप से बातचीत कर सकता है जबकि एक वेब कार्यकर्ता पृष्ठभूमि में चलता है।

 समानता को प्राप्त करने के लिए, वेब कर्मचारी थ्रेडिंग जैसे संदेश उत्तीर्ण करते हैं।


Q: HTML टैग्स से आप क्या समझते हैं? HTML5 में वेब पेज बनाने के लिए कितने टैग्स की आवश्यकता होती है?

उत्तर: कोणीय ब्रेसिज़ (<> या </>) के भीतर संलग्न वर्णों का एक सेट जो एक वेब पेज के लिए एक स्वरूपित कमांड को विकसित करता है जिसे HTML टैग कहा जाता है। HTML5 टैग का सामान्य सिंटैक्स है:

<tag>.….</tag>

टैग वेब ब्राउज़र को निर्देश भेजने में मदद करता है कि क्या प्रदर्शित किया जाए और कैसे दिखाया जाए। HTML5 में वेब पेज बनाने के लिए न्यूनतम 3 टैग आवश्यक हैं:

  •     <head>
  •     <body>
  •     <html>



Q: HTML 5 में विभिन्न फॉर्मेटिंग टैग के बारे में बताएं।

उत्तर: HTML5 में कुल 12 प्रारूपण टैग हैं:

    <b> - पाठ को बोल्ड बनाने के लिए उपयोग किया जाता है।
    <big> - एक इकाई द्वारा पाठ का फ़ॉन्ट आकार बढ़ाने के लिए उपयोग किया जाता है।
    <del> - हटाए गए पाठ को प्रदर्शित करने के लिए उपयोग किया जाता है।
    <em> - अतिरिक्त शब्दार्थ महत्व के साथ पाठ को इटैलिक बनाने के लिए उपयोग किया जाता है।
    <i> - पाठ को इटैलिक बनाने के लिए उपयोग किया जाता है।
    <ins> - जोड़े गए पाठ को प्रदर्शित करने के लिए उपयोग किया जाता है।
    <mark> - पाठ को हाइलाइट करने के लिए उपयोग किया जाता है।
    <small> - एक इकाई द्वारा पाठ के फ़ॉन्ट आकार को कम करने के लिए उपयोग किया जाता है।
    <strong> - ब्राउज़र को यह बताने के लिए उपयोग किया जाता है कि पाठ महत्वपूर्ण है।
    <sub> - पाठ को सबस्क्रिप्ट बनाने के लिए उपयोग किया जाता है।
    <sup> - पाठ को सुपरस्क्रिप्ट बनाने के लिए उपयोग किया जाता है।
    <u> - पाठ को रेखांकित करने के लिए उपयोग किया जाता है।


  •     Logical tags: पाठ में कुछ तार्किक या शब्दार्थ मान जोड़ने के लिए उपयोग किया जाता है।
  •   Physical tags: पाठ में दृश्य उपस्थिति को जोड़ने के लिए उपयोग किया जाता है


Q: <figure> tag in HTML5 को स्पष्ट करें।

उत्तर: HTML5 वेब पेज में
<figure> tag का उपयोग स्व-निहित सामग्री, जैसे आरेख और फ़ोटो, को निर्दिष्ट करने के लिए किया जाता है। 

यद्यपि आंकड़ा तत्व की सामग्री दस्तावेज़ के मुख्य प्रवाह से संबंधित है, इसकी स्थिति उसी से स्वतंत्र है, अर्थात, यदि इसे हटा दिया जाता है, तो यह दस्तावेज़ के मुख्य प्रवाह को प्रभावित नहीं करेगा।


Q: मीडिया तत्वों में HTML 5 द्वारा पेश किए गए विभिन्न नए टैग बताएं।

उत्तर: HTML5 मीडिया तत्वों में निम्नलिखित पांच नए टैग पेश करता है:

  •     <audio>: ऑडियो स्ट्रीम और संगीत जैसी ऑडियो सामग्री चलाने के लिए अतिरिक्त प्लगइन्स की आवश्यकता को समाप्त करता है।
  • <embed>: किसी बाहरी अनुप्रयोग या सामग्री को एम्बेड करता है
  •     <source>: ऑडियो, चित्र और वीडियो जैसे मल्टीमीडिया संसाधनों को जोड़ता है।
  •     <Track>: मल्टीमीडिया फ़ाइल चला रहा है, जबकि कैप्शन फ़ाइलों या उपशीर्षक जोड़ता है।
  •     <video>: वीडियो सामग्री एम्बेडेड वीडियो सामग्री, मूवी क्लिप और वीडियो की तरह जोड़ता है।


Q: HTML5 में <meta> टैग क्या है?

उत्तर: <meta> Tag HTML5 दस्तावेज़ के बारे में मेटाडेटा प्रदान करता है। यह मेटाडेटा मशीन-पार्सेबल है। 

आमतौर पर, मेटा तत्वों को निर्दिष्ट करने के लिए उपयोग किया जाता है:

  •     Author name
  •     Keywords
  •     Page description


<meta> tag द्वारा आपूर्ति की जाने वाली मेटाडेटा द्वारा उपयोग किया जाता है:

  •     वेब ब्राउज़र सामग्री को प्रदर्शित करने या वेब पेज को पुनः लोड करने का तरीका जानने के लिए
  •     वेब पेज पर कीवर्ड के बारे में जानने के लिए सर्च इंजन
  •     अन्य वेब सेवाएँ


Q: गणना के परिणाम का प्रतिनिधित्व करने के लिए किस टैग का उपयोग किया जाता है? इसकी विशेषताएँ बताइए।

उत्तर: गणना के परिणाम का प्रतिनिधित्व करने के लिए  <output> tag का उपयोग किया जाता है। इसकी तीन विशेषताएं हैं:

  •     for - गणना और परिणाम में उपयोग किए गए तत्वों के बीच संबंध का प्रतिनिधित्व करता है।
  •     form - आउटपुट तत्व से संबंधित फॉर्म (एस) का प्रतिनिधित्व करता है।
  •     name - आउटपुट तत्व के लिए एक नाम का प्रतिनिधित्व करता है।


Q: HTML5 में <header> and <h1> tags के बीच संबंध के बारे में क्या नया है?

उत्तर: HTML5 से पहले, पूरे वेबपेज की हेडिंग के लिए केवल एक <h1> तत्व का उपयोग किया जाता था। यह HTML5 में बदल गया, क्योंकि यह निर्दिष्ट करता है कि <h1> तत्व वेबपेज के एक सेक्शन के शीर्ष-स्तरीय हेडिंग का प्रतिनिधित्व करता है, जो पेज<body>, an <article>, or a <section> तत्व हो सकता है।

HTML5 विनिर्देश के अनुसार, प्रत्येक <header> element में कम से कम एक <h1> Tag होना चाहिए।


HTML 5 interview question: HTML 5 से हटाए गए सभी टैग को सूचीबद्ध करें।

उत्तर: HTML5 में निम्नलिखित टैग हटा दिए गए थे:

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


Q: वेब के ब्राउज़र के कार्यान्वयन से HTML विनिर्देश कैसे भिन्न होता है?

उत्तर: HTML5 विनिर्देश की तरह एक HTML विनिर्देशन, नियमों के एक सेट को परिभाषित करता है,

 जिसे विनिर्देशन के अनुसार वैध माना जाने के लिए सभी दस्तावेजों का कड़ाई से पालन करने की आवश्यकता होती है। 

विनिर्देश यह भी निर्देश देता है कि एक वेब ब्राउज़र को एक वैध दस्तावेज़ की व्याख्या और उसे कैसे प्रस्तुत करना चाहिए।

एक वेब ब्राउज़र को एक विनिर्देश का समर्थन करने के लिए माना जाता है यदि यह विनिर्देश में उल्लिखित नियमों के अनुसार वैध दस्तावेजों को संभालने में सक्षम है।

 यद्यपि सभी प्रमुख ब्राउज़र एचटीएमएल 5 विनिर्देशन का सबसे अधिक समर्थन करते हैं, लेकिन कोई भी वेब ब्राउज़र HTML 5 विनिर्देश का समर्थन नहीं करता है।

इसलिए, डेवलपर्स के लिए यह पुष्टि करना सबसे महत्वपूर्ण है कि उनके द्वारा उपयोग किए जा रहे विनिर्देश के पहलुओं को उन सभी वेब ब्राउज़रों द्वारा समर्थित होना चाहिए, जिन पर वे सामग्री प्रदर्शित / वितरित करना चाहते हैं।

जैसे, HTML 5 के लिए बेहतर विनिर्देशों के बावजूद, क्रॉस-ब्राउज़र समर्थन अभी भी कुछ ऐसा है जिसके बारे में एक डेवलपर को बहुत सतर्क रहना चाहिए। 

HTML5 विनिर्देश कुछ नियमों को परिभाषित करता है, जिन्हें अवैध HTML5 दस्तावेज़ में आने के बाद पालन किया जाना चाहिए।

चूंकि अमान्य दस्तावेजों में कुछ भी हो सकता है, एचटीएमएल 5 विनिर्देश के लिए सभी संभावनाओं को बड़े पैमाने पर संभालना लगभग असंभव है। 

इसलिए, विकृत दस्तावेजों को संभालने के बारे में अधिकांश निर्णय पूरी तरह से वेब ब्राउज़र पर निर्भर हैं।

Q: क्या वेब पेज के लिए कई <header> and <footer> elements होना संभव है?


उत्तर: हां, एक वेबपेज में कई  <header> and <footer> तत्व हो सकते हैं। दोनों टैग विशेष रूप से उनके मूल अनुभाग के संबंध में उनके संबंधित उद्देश्यों की सेवा के लिए डिज़ाइन किए गए हैं।

इसलिए, न केवल पृष्ठ <body> में <header>
और <footer> tags होने चाहिए, बल्कि प्रत्येक <article> और <section> तत्व भी होते हैं।

 यद्यपि एक <footer> तत्व हमेशा हर <article> और <section> tags के लिए आवश्यक नहीं हो सकता है, फिर भी एक <header> तत्व हमेशा होना चाहिए।


Q: निम्नलिखित एचटीएमएल 5 शब्दार्थ तत्वों का सही उपयोग क्या है:

i) <article>

ii) <footer>

iii) <header>

iv) <section>

उत्तर:

i) <article>

इस HTML5 तत्व का उद्देश्य एक आत्म निहित रचना है, जो तार्किक रूप से स्वतंत्र है और संबंधित अर्थ को खोए बिना वेब पेज के बाहर बनाने में सक्षम है। <लेख> तत्व के लिए उपयुक्त उदाहरण ब्लॉग पोस्ट, समाचार स्निपेट और रिलीज़ अपडेट हैं।

ii) <footer>

वेब पेज के किसी विशेष खंड के अंत में दिखाई देने वाली सूचना को रखने के लिए हम <footer> element का उपयोग करते हैं। आमतौर पर, इसमें अनुभाग के बारे में अतिरिक्त जानकारी होती है। इस HTML5 तत्व के लिए उपयुक्त उदाहरणों में एक लेखक जैव और सहायक लिंक शामिल हैं।

iii) <header>

इस आवश्यक HTML5 तत्व में परिचयात्मक के साथ-साथ एक निश्चित खंड या वेब पेज के निकाय के बारे में नेविगेशन जानकारी शामिल है।

<header> element के लिए उपयुक्त उदाहरण लेखक का नाम, प्रकाशन तिथि, विचारों की संख्या और सामग्री की तालिका है।

iv) <section>

एक सामान्य उद्देश्य या विषय वाली सामग्री रखने के लिए इरादा, <अनुभाग> तत्व HTML 5 में एक लचीले कंटेनर के रूप में कार्य करता है। टिप्पणी अनुभाग, साझाकरण अनुभाग और संबंधित लेख अनुभाग इस HTML5 तत्व के कुछ सर्वोत्तम उदाहरण हैं।

Q: कृपया बताएं कि क्या एक <article> तत्व में <section> तत्व और इसके विपरीत हो सकते हैं।


उत्तर: हाँ, एक  <article> तत्व में <section> element(s) और एक  <section> तत्व भी हो सकता है
<article> तत्व।

 उदाहरण के लिए, एक वेबसाइट के लिए एक उपयोगकर्ता पैनल में कई <section> तत्व हो सकते हैं, जिनका उद्देश्य ब्लॉग, एनालिटिक्स, भुगतान विकल्प, समाचार, एट वेटेरा है।

अब, ब्लॉग के लिए
<section> Element में विभिन्न लेखों को समायोजित करने के लिए कई <article> तत्व हो सकते हैं। इसके अलावा, इनमें से प्रत्येक <article> तत्वों में दो <section> तत्व हो सकते हैं, एक टिप्पणी अनुभाग के लिए और दूसरा साझाकरण अनुभाग के लिए।


Q: Canvas and SVG elements के बीच अंतर स्पष्ट कीजिए।

उत्तर: निम्नलिखित <canvas> and <svg> तत्वों के बीच विभिन्न अंतर हैं:

1. API Animation

कैनवास में एपीआई एनीमेशन के लिए कोई प्रावधान नहीं है। एसवीजी, इसके विपरीत, एपीआई एनीमेशन में सक्षम है।

2. Change Accommodation

एसवीजी में प्रत्येक खींची गई आकृति को वेब ब्राउज़र द्वारा ऑब्जेक्ट के रूप में याद किया जाता है। यदि एसवीजी ऑब्जेक्ट से संबंधित विशेषताएँ बदली जाती हैं, तो ब्राउज़र स्वचालित रूप से आकृति को फिर से प्रस्तुत करता है।

कैनवस में ग्राफिक तैयार होने के बाद वेब ब्राउजर भूल जाता है। यदि एक कैनवस ग्राफिक की स्थिति में कोई बदलाव होता है, तो पूरे दृश्य को पुनः बनाने की आवश्यकता होती है।

 जबकि कैनवस में संशोधन केवल स्क्रिप्ट के माध्यम से करने की अनुमति है, एसवीजी स्क्रिप्ट के साथ-साथ सीएसएस के माध्यम से संशोधन का समर्थन करता है।

3. Definition

एसवीजी स्केलेबल वेक्टर ग्राफिक्स के लिए खड़ा है। इसमें बिटमैप इमेज, बॉक्स, सर्कल, पाथ और टेक्स्ट ड्राइंग के लिए कई तरीके हैं।

एसवीजी 2 डी ग्राफिक्स का वर्णन करने के लिए एक भाषा है, जहां <svg> तत्व एसवीजी ग्राफिक्स के लिए एक कंटेनर है।

 कैनवस उपयोगकर्ताओं को जेएस का उपयोग करके मक्खी पर 2 डी ग्राफिक्स खींचने की अनुमति देता है।

4. Dependency

एसवीजी संकल्प पर निर्भर नहीं करता है, जबकि कैनवास पूरी तरह से उसी पर निर्भर करता है।

5. How is it handled?

एसवीजी एक्सएमएल-आधारित है, जिसका अर्थ है कि प्रत्येक तत्व एसवीजी डोम के भीतर उपलब्ध है।

 एक तत्व के लिए, आप कई जे.एस. घटना संचालकों। कैनवस को पिक्सेल द्वारा पिक्सेल प्रदान किया जाता है, अर्थात, यह पिक्सेल-आधारित है। <कैनवास> तत्वों में घटना संचालकों के लिए कोई समर्थन नहीं है।

6. Ideal for

जबकि कैनवस छोटे रेंडरिंग क्षेत्रों और गेम ग्राफिक्स के लिए उपयुक्त है, एसवीजी बड़े रेंडरिंग क्षेत्रों और किसी भी रिज़ॉल्यूशन पर उच्च-गुणवत्ता वाले प्रिंटिंग के लिए सबसे अच्छा विकल्प है।

7. Scalability

कैनवस में खराब मापनीयता है। एसवीजी, हालांकि, बेहतर मापनीयता है।

Q: आप क्या समझते हैं <? DOCTYPE> द्वारा? HTML5 में उपलब्ध DOCTYPE के प्रकारों को नाम दें।

उत्तर: हर HTML5 वेब पेज <! DOCTYPE> घोषणा के साथ शुरू होता है। यह वेब ब्राउज़र को उस जानकारी को समझने देता है जिसे उसे प्रदर्शित करना होगा। 

DOCTYPE घोषणा HTML5 में संक्षिप्त और केस-असंवेदनशील है। HTML5 केवल एक DOCTYPE के लिए समर्थन प्रदान करता है:

<! DOCTYPE html>


html 5 interview question : HTML वेब पेज में doctype निर्दिष्ट नहीं होने पर क्या होगा?

उत्तर: यदि doctype HTML वेब पेज में निर्दिष्ट नहीं है, तो वेब ब्राउज़र नए HTML5- विशिष्ट टैग की व्याख्या करने में असमर्थ होगा।


प्रश्न: वेबसाइट की संपत्ति के अनुकूलन के लिए विभिन्न तकनीकों को सूचीबद्ध करें।

उत्तर: वेबसाइट की संपत्ति को अनुकूलित करने के लिए, किसी को घटाना होगा:

  •     डाउनलोड का आकार, और
  •     HTTP अनुरोधों की कुल संख्या


वेबसाइट की संपत्ति के अनुकूलन के लिए निम्नलिखित तकनीकों का उपयोग किया जा सकता है:

  •     CDN hosting
  •     File compression
  •     File concatenation
  •     Offloading assets
  •     Re-organizing
  •     Refining code


Q: HTML5 में जियोलोकेशन एपीआई की व्याख्या करें। आप जियोलोकेशन ऑब्जेक्ट कैसे बनाएंगे?

उत्तर: HTML5 में जियोलोकेशन एपीआई उपयोगकर्ताओं को चयनित वेबसाइटों के साथ अपना स्थान साझा करने की अनुमति देता है।

 जे.एस. उपयोगकर्ता के अक्षांश और देशांतर पर कब्जा करने और बैकएंड सर्वर पर समान भेजने में सक्षम है।

ऐसा करने से लोकेशन के बारे में जानने और मैप पर किसी की लोकेशन पता करने जैसी लोकेशन के बारे में पता चलता है। निम्नलिखित कोड का उपयोग करके एक नई जियोलोकेशन ऑब्जेक्ट बनाई जा सकती है:

var geolocation = navigator.geolocation;

जियोलोकेशन ऑब्जेक्ट वास्तव में एक सर्विस ऑब्जेक्ट है। यह विजेट को किसी उपयोगकर्ता के डिवाइस की भौगोलिक स्थिति के बारे में जानकारी प्राप्त करने की अनुमति देता है। 

अधिकांश ब्राउज़र और मोबाइल डिवाइस जियोलोकेशन एपीआई के लिए समर्थन प्रदान करते हैं। 

एपीआई वैश्विक नाविक वस्तु की एक नई संपत्ति के साथ काम करता है।

Q: div
और span में अंतर स्पष्ट कीजिए।

उत्तर: आउटपुट देने के लिए div और span दोनों का उपयोग किया जाता है। जबकि स्पैन आउटपुट को डिस्प्ले के साथ देता है: इनलाइन, डिव डिस्प्ले के साथ आउटपुट देता है: 

ब्लॉक आमतौर पर, स्पैन का उपयोग तब किया जाता है जब तत्वों को एक के बाद एक, अर्थात् एक पंक्ति में प्रदर्शित करने की आवश्यकता होती है।


Q: HTML 5 वेब स्टोरेज से आप क्या समझते हैं? क्या यह कुकीज़ से बेहतर है?

उत्तर: HTML5 से पहले, वेब पेज कुकीज़ का उपयोग कर एक ब्राउज़र के भीतर स्थानीय रूप से डेटा स्टोर करने में सक्षम थे।

 HTML5 वेब स्टोरेज को पेश करता है जो एक वेबपेज को कुकीज़ के समान करने की अनुमति देता है। 

वेब संग्रहण, हालांकि, कुकीज़ की तुलना में अधिक तेज़ और अधिक सुरक्षित है।

HTML5 वेब संग्रहण तेज़ है क्योंकि डेटा हर सर्वर अनुरोध के साथ शामिल नहीं है। इसके बजाय, इसका उपयोग करने के लिए कहा जाता है। 

एक वेब पेज केवल स्वयं द्वारा संग्रहीत डेटा तक पहुंच सकता है, जिसे नाम / मूल्य जोड़े में संग्रहीत किया जाता है

HTML5 वेब संग्रहण और कुकीज़ के बीच एक और महत्वपूर्ण अंतर यह है कि:

  •     वेब संग्रहण कभी भी सर्वर पर डेटा स्थानांतरित नहीं करता है, और
  •     कुकीज़ की तुलना में, HTML5 वेब स्टोरेज के लिए स्टोरेज लिमिट बहुत बड़ी है, कम से कम 5MB और अधिकतम 10MB है।


Q: कृपया  localStorage and sessionStorage को स्पष्ट करें।

उत्तर: localStorage and sessionStorage दोनों को डॉक्यूमेंट ओरिजिन में स्कोप किया गया है। यह सुनिश्चित करता है कि विभिन्न उत्पत्ति वाले दस्तावेज़ कभी संग्रहीत वस्तुओं को साझा नहीं करते हैं। 

लोकलस्टोरेज के विपरीत, सेशनस्टोरेज को प्रति विंडो के आधार पर भी स्कैन किया जाता है।

यदि, उदाहरण के लिए, दो ब्राउज़र टैब एक ही मूल से दस्तावेज़ प्रदर्शित कर रहे हैं, तो दोनों में अलग-अलग सेशनस्टोरेज डेटा होंगे, यानी, एक ब्राउज़र टैब में चलने वाली स्क्रिप्ट दूसरे में स्क्रिप्ट द्वारा लिखे गए डेटा को पढ़ या अधिलेखित नहीं कर सकती हैं।

 यह तब भी सच है जब दोनों ब्राउज़र टैब पूरी तरह से एक ही पृष्ठ पर जा रहे हैं और बिल्कुल समान स्क्रिप्ट चला रहे हैं।

लोकलस्टोरेज और सेशनस्टोरेज के बीच का अंतर जीवनकाल और दायरे के आधार पर होता है।

 स्थानीयस्टोरेज के माध्यम से संग्रहीत डेटा स्थायी है, अर्थात, यह तब तक समाप्त नहीं होता है और कंप्यूटर पर संग्रहीत रहता है:

  •     एक वेब ऐप इसे हटा देता है, या
  •     उपयोगकर्ता ब्राउज़र को हटाने के लिए अनुरोध करता है


दूसरी ओर सेशनस्टोरेज के जरिए स्टोर किया गया डेटा डिलीट हो जाता है, जब विंडो या टैब बंद होता है। 

sessionStorage के पास जीवनकाल शीर्ष-स्तरीय विंडो या ब्राउज़र टैब के समान है जिसमें स्क्रिप्ट चल रही है, जिसने डेटा संग्रहीत किया है।

Q: HTML5 में नए फॉर्म इनपुट प्रकारों के बारे में बताएं।

उत्तर: HTML5 निम्नलिखित 14 नए फार्म इनपुट प्रकारों का परिचय देता है:

  •     Color -  type = "color" का उपयोग करके कई रंगों का चयन करें
  •     Date - type = "date" का उपयोग करके एक तिथि चुनें।
  •     Datetime - तिथि और समय का मेल। type = "datetime" का उपयोग करके दिनांक और समय चुनें
  •   Datetime-local  - इसमें टाइमजोन शामिल नहीं है। type = "datetime-local." का उपयोग करके दिनांक और समय चुनें।
  •     Email - type = "email" का उपयोग करके एक या अधिक ईमेल पते दर्ज करें।
  •     Month -  type = "month" का उपयोग करके एक महीना चुनें।
  •     Number - न्यूनतम और अधिकतम जैसी अतिरिक्त विशेषताओं के साथ एक संख्यात्मक मूल्य सम्मिलित करता है। type = "number" का उपयोग करके एक या कई संख्यात्मक मान दर्ज करें।
  •     Search - पाठ को इनपुट करके प्रश्नों को खोजने की अनुमति देता है।  type = "search" का उपयोग करके एक या कई खोज क्वेरी दर्ज करें।
  •     दूरभाष - विभिन्न फोन नंबरों की अनुमति देता है। प्रत्येक फोन नंबर क्लाइंट-साइड द्वारा मान्य है। टाइप करके फोन नंबर दर्ज करें = "tel।"
  •   Placeholde- मान दर्ज करने से पहले इनपुट फ़ील्ड में एक छोटा संकेत प्रदर्शित करता है। type = "placeholder." का उपयोग करके इनपुट फ़ील्ड में एक छोटा संकेत लिखें।
  •    Range - एक विशिष्ट सीमा के भीतर एक संख्यात्मक मूल्य सम्मिलित करता है।  type = "range." का उपयोग करके किसी श्रेणी के भीतर एक संख्यात्मक मान दर्ज करें।
  •    Time -  type = "time." का उपयोग करके एक समय चुनें।
  •    Url - URL इनपुट प्रकार वेब पते के लिए उपयोग किया जाता है।  type = "url" का उपयोग करके एक या अधिक विशेषताओं का उपयोग करें
  •     Week  - type = "week" का उपयोग करके एक सप्ताह चुनें।


Q: HTML5 में इमेज मैप्स से आप क्या समझते हैं? इसके कितने प्रकार हैं?

उत्तर: छवि मानचित्र उपयोगकर्ताओं को नए वेब पेज खोलने के लिए छवियों पर क्लिक करने की अनुमति देते हैं। जैसे, ये चित्र और URL का एक संयोजन हैं। छवि मानचित्र दो प्रकार के होते हैं:

  •     Client-side Image Map - <area> and <map> elements का उपयोग करके बनाया गया। मैप एलिमेंट मैप की जानकारी रखता है, और एरिया एलिमेंट मैप के प्रत्येक सेक्शन को परिभाषित करने के लिए गुण लेता है।
  •     Server-side Image Map - <usemap> विशेषता का उपयोग करके बनाया गया, जो कि मानचित्र का नाम है।


Q: HTML5 में हमें MathML तत्व की आवश्यकता क्यों है?

उत्तर: MathML का अर्थ गणितीय मार्कअप भाषा है। यह मठ संकेतन का वर्णन करने के लिए XML का एक रूप है। MathML वेब पृष्ठों पर गणितीय और वैज्ञानिक अभिव्यक्तियों को प्रदर्शित करने के लिए एक मार्कअप भाषा है।

MathML तत्व को लागू करने के लिए यानी गणितीय समीकरण प्रदर्शित करने के लिए, हम इसे <math> and </math> Tag के अंदर रखते हैं।


Q: कृपया HTML5 में Microdata की व्याख्या करें।

उत्तर: माइक्रोडाटा एक नया सरल शब्दार्थ वाक्य-विन्यास है जिसका उपयोग HTML5 में नई वैश्विक विशेषताओं के लिए किया जाता है। यह वेब पेज सामग्री के आधार पर दस्तावेजों के लिए नाम और मूल्य जोड़े के नेस्टेड समूहों को जोड़ता है।

Q: HTML5 वेब पेज पर एम्बेड करने के लिए सबसे लोकप्रिय ऑडियो और वीडियो प्रारूप क्या हैं?

उत्तर: लोकप्रिय ऑडियो प्रारूप:

   

  •     MP3
  •     Ogg Vorbis
  •     WAV
  •     WebM


Popular video formats:

  •     MP4
  •     Ogg
  •     WebM



Q: HTML 5 में वेब पेज डिजाइन करने के लिए विभिन्न सामान्य सूचियां क्या हैं।

उत्तर: वेब पेज डिजाइन करने के लिए सामान्य सूचियाँ निम्नलिखित हैं:

    <dl> - परिभाषा सूची
    <dir> - निर्देशिका सूची
    <menu>  - मेनू सूची
    <ol> - आदेशित सूची
    <ul> - अनियोजित सूची

Q: आप टेक्स्ट बॉक्स में autocomplete सुविधा कैसे जोड़ेंगे?

उत्तर: <input> तत्व के लिए, <datalist> टैग पूर्वनिर्धारित विकल्पों की सूची निर्दिष्ट करता है। इसका उपयोग एक पाठ बॉक्स में स्वत: पूर्ण सुविधा जोड़ने के लिए किया जा सकता है। 

उपयोगकर्ता इनपुट डेटा के रूप में, उपलब्ध विकल्पों की एक ड्रॉपडाउन सूची दिखाई देगी।

Q: HTML 5 में विभिन्न पृष्ठ संरचना तत्वों की संक्षिप्त व्याख्या करें।

उत्तर: HTML5 में उपलब्ध विभिन्न पृष्ठ संरचना तत्व निम्नलिखित हैं:

  •     <article> - वेब पेज पर सूचना के एक सेट का प्रतिनिधित्व करता है
  •     <aside> - एक वेब पेज के साइडबार का प्रतिनिधित्व करता है
  •    <footer> - एक वेब पेज के पाद लेख अनुभाग का प्रतिनिधित्व करता है
  •    <header> - वेब पेज के हेडर सेक्शन का प्रतिनिधित्व करता है
  •     <nav> - एक वेब पेज के नेविगेशनल तत्वों का प्रतिनिधित्व करता है
  •     <section> - एक वेब पेज की मूल संरचना को परिभाषित करने के लिए एक लेख ब्लॉक के अंदर उपयोग किए गए निर्देशों के सेट का प्रतिनिधित्व करता है


Q: HTML 5 के उपयोग के लाभ और नुकसान के बारे में बताएं।

उत्तर: HTML 5 के कुछ फायदे हैं:

  •     बेहतर शब्दार्थ और क्लीनर कोड।
  •     एक वेब पेज को कोड करने में संगति।
  •     एलीगेंट के लिए एलिगेंट और फैनसीयर फॉर्म की जरूरत कम हो गई है।
  •     जियोलोकेशन समर्थन।
  •     कई नई विशेषताएं जो एनिमेशन और फ्रंट-एंड तत्वों को विभिन्न ब्राउज़रों पर कोड और प्रदर्शित करना आसान बनाती हैं।
  •     ऑफ़लाइन एप्लिकेशन कैश जो उपयोगकर्ताओं को इंटरनेट से कनेक्ट नहीं होने पर भी पृष्ठ देखने में मदद करता है।


html 5 interview question  & Some disadvantages of HTML5 are:


  •     ब्राउज़र के केवल आधुनिक संस्करण HTML5 का समर्थन करते हैं। सभी उपयोगकर्ता ब्राउज़र के नवीनतम संस्करण का उपयोग नहीं करते हैं।
  •     कई विशेषताएं अभी भी स्थिर नहीं हैं और विकास के चरण में हैं।
  •     लाइसेंसिंग के मुद्दों के कारण, अमीर मीडिया अधिकांश ब्राउज़रों के साथ संगत होने के लिए कई प्रारूपों में संकुचित होता है।


Q: HTML 5 में useful API क्या हैं?

उत्तर: HTML5 में कुछ उपयोगी एपीआई हैं:

  •     Fetch: Fetch ने XMLHttpRequest के साथ Http अनुरोधों को आसान बना दिया है।
  •     Battery status: डिवाइस की बैटरी स्थिति की जांच करता है।
  •     Geolocation: डिवाइस लोकेशन बताता है।
  •     Clipboard: सामग्री को क्लिपबोर्ड पर कॉपी करें।
  •    Forms:  सत्यापन और प्रतिपादन के लिए नए प्रकार जोड़े गए हैं।
  •     Drag and drop: ऐप में आइटम को आसानी से ड्रैग और ड्रॉप करें।
  •     Screen orientation: डिवाइस के स्क्रीन ओरिएंटेशन की जाँच करता है।
  •     Web audio: क्लाइंट-साइड पर ऑडियो प्रोसेस करें।
  •     Internalization: अंतर्राष्ट्रीय स्वरूपण और स्ट्रिंग तुलना।
  •     Web sockets: सर्वर और क्लाइंट के बीच वास्तविक समय का संचार।


Q: क्या HTML5 पुराने ब्राउज़रों के साथ संगत है?


उत्तर: नहीं, पुराने ब्राउज़र कुछ बुनियादी सुविधाओं का समर्थन कर सकते हैं, लेकिन वीडियो और ऑडियो समर्थन, शब्दार्थ, आदि पिछड़े संगत नहीं हैं। हालाँकि, हम पुराने ब्राउज़रों से सीख सकते हैं कि अज्ञात तत्वों को कैसे संभालना है।

Q: वेब फॉर्म 2.0 में डेटटाइम-लोकल इनपुट कंट्रोल का उपयोग क्या है?

उत्तर: यह दिनांक और समय (वर्ष, माह, दिन, घंटा, मिनट, दूसरा, एक सेकंड का एक अंश) इंगित करता है जो समय-सीमा जानकारी के बिना आईएसओ 8601 के अनुसार एन्कोडेड है।


html5 interview questions and answers : -  वेब फॉर्म 2.0 में URL इनपुट नियंत्रण का उपयोग क्या है?


उत्तर: यह नियंत्रण केवल URL मान को स्वीकार करता है और इसका उपयोग उन इनपुट फ़ील्ड के लिए किया जाता है, जिन्हें URL पते की आवश्यकता होती है।

 यह पाठ इनपुट जैसे किसी भी अन्य मान को स्वीकार नहीं करेगा। स्वीकृत प्रारूप हैं: http: // www। <Webaddr> या http: // <webaddr>


Q: drawbacks of cookies क्या हैं?

उत्तर: सबसे महत्वपूर्ण दोष गोपनीयता है क्योंकि कुकीज़ उन सभी वेबसाइटों पर नज़र रखती हैं, जिन्हें कोई उपयोगकर्ता विज़िट करता है, और कोई भी तृतीय-पक्ष कुकीज़ की जानकारी तक पहुँच सकता है। 

पासवर्ड या क्रेडिट कार्ड विवरण जैसी गोपनीय जानकारी तक पहुंचने के लिए हैकर्स या दुर्भावनापूर्ण व्यक्तियों द्वारा इसका दुरुपयोग किया जा सकता है।


Q: HTML5 में सर्वर द्वारा भेजी जाने वाली घटनाएँ क्या हैं?

उत्तर: वे घटनाएँ जो वेबसर्वर से ब्राउज़र तक प्रवाहित होती हैं, सर्वर-भेजी जाने वाली घटनाओं को कहते हैं। 

डोम की घटनाओं को वेबसर्वर से उपयोगकर्ता के ब्राउज़र में लगातार धकेला जा सकता है। 

सर्वर द्वारा भेजे गए ईवेंट (SSE) का उपयोग करने के लिए, आपको दस्तावेज़ में एक <eventource> तत्व जोड़ना चाहिए। 

इस तत्व की src विशेषता HTTP कनेक्शन स्थान का वर्णन करती है, जो घटनाओं के लिए एक डेटा स्ट्रीम भेजता है।

Example: <eventsource src = "/cgi-bin/myfile.cgi" />
 

Q: HTML 5 में सर्वर द्वारा भेजे गए इवेंट का उपयोग कैसे करें?

उत्तर: वेबसर्वर के साथ दीर्घकालिक कनेक्शन की आवश्यकता होने पर सर्वर द्वारा भेजी गई घटनाएं सबसे अधिक उपयोगी होती हैं। ऐसे मामलों में, वेब पेज एक वेब सर्वर के लिए एक खुला कनेक्शन पकड़ सकता है, और सर्वर फिर से कनेक्ट किए बिना कभी भी प्रतिक्रिया भेज सकता है।

Q: web socketsक्या हैं?

उत्तर: वेब सॉकेट एपीआई या प्रोटोकॉल हैं जो वेब ब्राउज़र और सर्वर के बीच लगातार सॉकेट कनेक्शन को परिभाषित करते हैं। एक WebSocket कनेक्शन Websocket कंस्ट्रक्टर को कॉल करके और URL स्कीमा में URL पास करके खोला जा सकता है। 

URL स्कीमा ws, wss हो सकता है। वैकल्पिक रूप से, अन्य उपप्रोकोल जैसे साबुन, एक्सएमपीपी, आदि को कंस्ट्रक्टर को पास किया जा सकता है। वेबसोकेट दो-तरफ़ा संचार में मदद करते हैं और परदे के पीछे और फ़ायरवॉल को संभालते हैं।


Q: HTML 5 में कुछ सबसे अधिक उपयोग किए जाने वाले एपीआई की संक्षिप्त व्याख्या करें।

उत्तर: HTML5 में सबसे अधिक उपयोग किए जाने वाले API हैं:

  •     Canvas API - जेएस के माध्यम से ड्राइंग ग्राफिक्स को सक्षम करता है। और <कैनवास> तत्व।
  •     Console API - डेवलपर्स को विभिन्न डिबगिंग कार्यों को करने की अनुमति देता है।
  •     Constraint Validation API - सर्वर में इन वैल्यूज को सबमिट करने से पहले यूजर कंट्रोल किए गए वैल्यू को फॉर्म कंट्रोल में चेक करने (वेरिफाई करने) में मदद करता है।
  •     Credential Management API - एक वेबसाइट को फेडरेटेड, पब्लिक और यूज़र की-क्रेडेंशियल्स को स्टोर करने और पुनः प्राप्त करने में सक्षम बनाता है। दूसरे शब्दों में, यह उपयोगकर्ताओं को पासवर्ड दर्ज किए बिना साइन इन करने की अनुमति देता है।
  •     Drag and Drop API  - कर्सर के साथ एक HTML ऑब्जेक्ट को हथियाने और खींचने की अनुमति देता है।
  •     Geolocation API - उपयोगकर्ताओं को वेब अनुप्रयोगों के साथ अपने स्थान का विवरण साझा करने में सक्षम बनाता है।
  •    History API - ब्राउज़र नेविगेशन इतिहास तक पहुंच प्रदान करता है।
  •     Media API - एक जावास्क्रिप्ट एपीआई जो ऑडियो और वीडियो तत्वों के साथ बातचीत करने की अनुमति देता है। HTMLMediaElement प्रोग्रामिंग इंटरफ़ेस प्रदान करता है।
  •     सेवा कार्यकर्ता एपीआई - अनुमति देता है:
  •         पृष्ठभूमि सिंक एपीआई पुश करने के लिए प्रवेश और सूचनाएं धक्का।
  •         प्रभावशाली ऑफ़लाइन अनुभव बनाना
  •         नेटवर्क अनुरोधों को इंटरसेप्ट करना और उसके बाद संबंधित कार्रवाई करना
  •         सर्वर पर रहने वाली संपत्ति का अद्यतन करना
  •    WebVTT API - WebVTT का अर्थ वेब वीडियो टेक्स्ट ट्रैक्स प्रारूप है। HTML 5 वीडियो के लिए उपलब्ध विभिन्न टेक्स्ट ट्रैक तक पहुंच प्रदान करता है  <track> element का उपयोग करके।
  •     Web Storage API  - ब्राउज़र को कुंजी / मान जोड़े को संग्रहीत करने की अनुमति देने के लिए एक तेज और बेहतर तंत्र प्रदान करता है।

0 Comments:

Post a Comment