top 35 html5 interview questions
उत्तर और कोड उदाहरण के साथ अक्सर पूछे जाने वाले एचटीएमएल 5 साक्षात्कार प्रश्न:
HTML5 HTML भाषा का नवीनतम संस्करण है, HTML हाइपर टेक्स्ट मार्कअप लैंग्वेज के लिए है, यह एक सार्वभौमिक वर्ल्ड वाइड वेब मार्कअप भाषा है जो इंटरनेट पर देखे जाने वाले वेब पेज बनाने और डिजाइन करने की अनुमति देती है।
HTML5 जो आधिकारिक रूप से 2012 में प्रकाशित हुआ था, सभी मौजूदा वेब पेजों का समर्थन करता है।
यह आलेख मूल और साथ ही HTML5 पर शुरुआती साक्षात्कार के सवालों के साथ-साथ शुरुआती और अनुभवी स्तर के पेशेवरों के लिए आदर्श उदाहरणों को कवर करेगा।
एचटीएमएल 5 की विशेषताएं
HTML5 की कई उल्लेखनीय विशेषताएं हैं और उनमें से कुछ आपके संदर्भ के लिए नीचे दी गई हैं।
HTML5 की नई विशेषताओं में शामिल हैं:
- वीडियो और ऑडियो जैसे मीडिया तत्व का समर्थन करें।
- स्थानीय भंडार
- कुछ नए तत्वों और कस्टम विशेषताओं का समर्थन करना।
- नए रूप तत्व जैसे कि यूआरएल, दिनांक, श्रेणी, समय, रंग आदि।
अनुशंसित पढ़ना => शीर्ष 30 HTML साक्षात्कार प्रश्न
सबसे महत्वपूर्ण HTML5 साक्षात्कार प्रश्न और उत्तर
नीचे सूचीबद्ध कुछ सबसे अधिक पूछे जाने वाले हैं HTML5 प्रश्न अपनी आसान समझ के लिए कोडिंग उदाहरणों के साथ।
तैयार कर!!
Q # 1) HTML5 क्या है?
उत्तर: एचटीएमएल 5 हाइपरटेक्स्ट मार्कअप लैंग्वेज का नवीनतम संस्करण है जिसे डब्ल्यूडब्ल्यूडब्ल्यू (वर्ल्ड वाइड वेब) प्राथमिक भाषा में संदर्भित किया जा सकता है, यह मार्कअप भाषा कोड के बिट्स के साथ एक टेक्स्ट फाइल बढ़ाती है, और यह कोड जिसे हम 'मार्कअप' के रूप में कह सकते हैं। दस्तावेज़ की संरचना।
HTML5 सीएसएस, एचटीएमएल, जावास्क्रिप्ट और डोम जैसी कुछ मानक सुविधाएँ प्रदान करता है, जो बदले में बाहरी प्लगइन्स की आवश्यकता को कम करेगा। स्क्रिप्टिंग, बेहतर त्रुटि हैंडलिंग आदि को बदलने के लिए यह अधिक मार्कअप है, एचटीएमएल 5 डिवाइस स्वतंत्र है।
HTML5 कुछ नई सुविधाओं का परिचय देता है, जिनका उपयोग दस्तावेज़ों के साथ उपयोगकर्ता सहभागिता के तरीके को बदलने के लिए किया जा सकता है:
- लचीलापन बढ़ाने के लिए नए पार्सिंग नियम जोड़ना।
- नई विशेषताएँ जोड़ना।
- ऑफ़लाइन संपादन की अनुमति दें।
- समर्थन (वेब एसक्यूएल), - एसक्यूएल डेटाबेस में डेटा संग्रहीत करने के लिए एक सामान्य मानक।
- समर्थन प्रोटोकॉल और MIME हैंडलर पंजीकरण।
Q # 2) HTML और HTML5 में क्या अंतर है?
उत्तर: HTML और HTML5 के बीच अंतर नीचे दिया गया है:
एचटीएमएल 5 | एचटीएमएल |
---|---|
ड्रैग एंड ड्रॉप प्रभाव की अनुमति देता है। | ड्रैग एंड ड्रॉप प्रभाव की अनुमति नहीं देता है। |
HTML5 में उच्च-स्तरीय वीडियो और ऑडियो समर्थन है। | उच्च-स्तरीय वीडियो और ऑडियो समर्थन पिछले HTML में संस्करण और विशिष्टताओं का हिस्सा नहीं है। |
कैनवास, एसवीजी और अन्य वर्चुअल वेक्टर ग्राफिक्स एचटीएमएल 5 में समर्थित हैं। | HTML में, यदि हम वेक्टर ग्राफिक्स को लागू करना चाहते हैं, तो यह केवल VML, सिल्वर-लाइट इत्यादि जैसे थर्ड पार्टी लाइब्रेरी का उपयोग करके संभव था। |
SVG और MathML का उपयोग टेक्स्ट में किया जा सकता है। | यह HTML में संभव नहीं है। |
वेब एसक्यूएल डेटाबेस, एप्लिकेशन कैश और वेब स्टोरेज को स्थायी भंडारण के रूप में उपयोग किया जाता है। | ब्राउज़र कैश का उपयोग अस्थायी भंडारण के रूप में किया जा सकता है। |
HTML5 अधिक मोबाइल फ्रेंडली है। | HTML कम मोबाइल के अनुकूल है। |
Doctype घोषणा सरल और आसान है। | मतवाद की घोषणा लंबी और जटिल है ।। |
Async, charset, और पिंग की विशेषताएँ उपलब्ध हैं। | ये विशेषताएँ HTML में उपलब्ध नहीं हैं। |
एचटीएमएल 5 पृष्ठभूमि में चलाने के लिए जावास्क्रिप्ट का समर्थन करता है। | वेब ब्राउज़र के भीतर चलाने के लिए जावास्क्रिप्ट का समर्थन नहीं करता है। |
हम HTML5 में आयत, वृत्त और त्रिभुज जैसी आकृतियाँ बना सकते हैं। | आयत, वृत्त, त्रिकोण आदि जैसी आकृतियों को खींचना संभव नहीं है। |
Q # 3) क्या है? उस के विभिन्न प्रकार क्या उपलब्ध हैं?
उत्तर: घोषणा वेब ब्राउज़र को यह समझने के लिए निर्देश प्रदान करती है कि इसे किस जानकारी को प्रदर्शित किया जाना चाहिए, और घोषणा के साथ शुरू करने की आवश्यकता है। HTML5 में, DOCTYPE घोषणा बहुत कम है, और केस-असंवेदनशील है, और प्रत्येक HTML पृष्ठ के शीर्ष पर लिखा है।
निम्नलिखित DOCTYPE HTML5 में भी समर्थित हैं:
नीचे वर्णित के अनुसार DOCTYPES के 3 प्रकार हैं:
- सख्त मत
- फ्रेमसेट डोक्टाइप
- संक्रमणकालीन सिद्धांत
Q # 4) HTML5 में मीडिया तत्वों में नए टैग क्या हैं?
उत्तर: HTML5 में मीडिया एलिमेंट्स के नए टैग नीचे सूचीबद्ध हैं :
- : ध्वनि, ऑडियो स्ट्रीम या संगीत जैसी मल्टीमीडिया सामग्री के लिए आवेदन करें, फ़्लैश प्लेयर जैसे किसी अतिरिक्त प्लग-इन की आवश्यकता के बिना ऑडियो सामग्री एम्बेड करें।
- : वीडियो सामग्री जैसे वीडियो स्ट्रीम या मूवी क्लिप, वीडियो सामग्री एम्बेड करना आदि के लिए आवेदन करें
- : मीडिया तत्वों में कई मीडिया संसाधनों के लिए आवेदन करें, जैसे कि ऑडियो, वीडियो, चित्र आदि।
- : बाहरी अनुप्रयोग या एम्बेडेड सामग्री (एक प्लग-इन) के लिए आवेदन करें।
- : मीडिया तत्वों जैसे वीडियो या ऑडियो में टेक्स्ट ट्रैक्स के लिए आवेदन करें। यह टैग उपशीर्षक या कैप्शन फ़ाइलों के लिए उपयोग किया जाता है, जबकि वीडियो मीडिया चला रहा है।
Q # 5) HTML5 में एक टैग क्या है?
उत्तर: HTML5 में एक टैग एक विशेष सामग्री है, जो एक कोण ब्रैकेट () से घिरा हुआ है। ब्लॉक को पूरा करने के बाद टैग को बंद करने के लिए एक स्लैश (/) प्रतीक का उपयोग किया जाता है।
उदाहरण के लिए
This is my Browser
एक Html5 टैग वर्णों का एक समूह है जो एक वेब पेज के लिए एक स्वरूपित कमांड विकसित करता है। ये स्वरूपित कमांड संचार करते हैं और ब्राउज़र को निर्देश भेजते हैं।
Q # 6) क्या है HTML5 टैग्स की न्यूनतम संख्या जो वेब पेज बनाने के लिए आवश्यक है?
उत्तर: वेब पेज बनाने के लिए न्यूनतम 3 एचटीएमएल 5 टैग की आवश्यकता होती है, जैसे (,,)।
Q # 7) HTML5 में ड्रैग एंड ड्रॉप का क्या महत्व है?
उत्तर: ड्रैग एंड ड्रॉप सबसे महत्वपूर्ण यूजर इंटरफेस अवधारणा है जो किसी वस्तु को हथियाने और माउस क्लिक की मदद से उस स्थान पर खींचना आसान बनाता है।
कुछ सामान्य विशेषताएं जो अधिकतर ड्रैग एंड ड्रॉप ऑपरेशन द्वारा उपयोग की जाती हैं उनमें शामिल हैं चाल, लिंक या प्रतिलिपि।
हम तत्वों का उपयोग करके एक छवि खींच सकते हैं, टाइप करें = , एक छवि को खींचने योग्य बनाने के लिए और ड्रैग करने योग्य छवि की विशेषता को सच करने के लिए सेट करें।
Q # 8) HTML5 में नए फॉर्म इनपुट प्रकारों के बारे में बताएं।
उत्तर: HTML5 में 14 नए रूप इनपुट प्रकार हैं:
- तारीख: यह एक तिथि पिकर है, हम प्रकार = का उपयोग करके एक तिथि चुन सकते हैं 'तारीख'।
- सप्ताह: यह एक वीक पिकर है, हम टाइप = का उपयोग करके एक सप्ताह चुन सकते हैं 'सप्ताह'।
- महीना: यह एक मासिक पिकर है, हम टाइप = का उपयोग करके एक महीना चुन सकते हैं 'महीना'।
- समय: यह एक टाइम पिकर है, हम टाइप = का उपयोग करके समय चुन सकते हैं 'समय'।
- दिनांक और समय: यह एक संयुक्त तिथि और समय है, हम प्रकार = का उपयोग करके दिनांक और समय के संयोजन को चुन सकते हैं 'दिनांक और समय'।
- स्थानीय-स्थानीय: एक संयुक्त स्थानीय दिनांक और समय, हम प्रकार = का उपयोग करके स्थानीय तिथि और समय के संयोजन को चुन सकते हैं 'डेटाइम-लोकल'।
- ईमेल: एक या अधिक ईमेल पते की अनुमति देता है, हम टाइप = का उपयोग करके कई ईमेल पते दर्ज कर सकते हैं 'ईमेल'।
- फ़ोन: दुनिया भर में विभिन्न फोन नंबरों की अनुमति देता है। एक फोन नंबर क्लाइंट-साइड द्वारा मान्य है। हम प्रकार = का उपयोग करके एक फ़ोन नंबर दर्ज कर सकते हैं 'फ़ोन'।
- खोज: इनपुट पाठ द्वारा प्रश्नों को खोजने की अनुमति देता है। हम टाइप = का उपयोग करके कई क्वेरी दर्ज कर सकते हैं 'खोज कर'।
- संख्या: अतिरिक्त विशेषताओं जैसे न्यूनतम, अधिकतम के साथ एक संख्यात्मक मान सम्मिलित करने की अनुमति देता है। आदि, और हम टाइप = का उपयोग करके कई संख्यात्मक मान दर्ज कर सकते हैं 'संख्या'।
- Url: एक यूआरएल इनपुट प्रकार, जो वेब पते के लिए उपयोग किया जाता है। एक एकल यूआरएल में, हम टाइप = का उपयोग करके कई विशेषताओं का उपयोग कर सकते हैं 'Url'।
- रंग: कई रंगों का चयन करने की अनुमति देता है, हम टाइप = का उपयोग करके कई रंगों को चित्रित कर सकते हैं 'रंग'।
- रेंज: एक विशिष्ट सीमा के भीतर एक संख्यात्मक मान सम्मिलित करने की अनुमति देता है, रेंज संख्या के समान है लेकिन यह बहुत विशिष्ट है। हम = का उपयोग करके किसी श्रेणी के भीतर एक संख्यात्मक मान दर्ज कर सकते हैं 'रेंज'।
- प्लेसहोल्डर: इससे पहले कि हम मूल्य दर्ज करें, इनपुट फ़ील्ड में एक संक्षिप्त संकेत (आमतौर पर एक हल्के रंग में) प्रदर्शित करने की अनुमति देता है। हम प्रकार = का उपयोग करके इनपुट फ़ील्ड में एक छोटा संकेत लिख सकते हैं 'प्लेसहोल्डर'।
Q # 9) html5 में इमेज मैप क्या है?
उत्तर: छवि मानचित्र URL और छवियों का एक संयोजन होता है, जहां इन छवियों (छवि का क्लिक करने योग्य क्षेत्र) पर क्लिक करने से विभिन्न नए वेब पेज खुलेंगे।
HTML5 में दो प्रकार के छवि मानचित्र उपलब्ध हैं, अर्थात् क्लाइंट साइड और सर्वर साइड:
क्लाइंट-साइड छवि मानचित्र दो एलिमेंट्स का उपयोग करके बनाया गया है, जहां मैप मैप की जानकारी रखता है और एरिया एलिमेंट मैप के प्रत्येक सेक्शन को परिभाषित करने के लिए विशेषताओं को लेता है। सर्वर-साइड छवि मानचित्र उपयोग करके बनाया गया, usemap विशेषता हमारे मानचित्र का नाम है।
Q # 10) आप वेब ब्राउजर पेज पर कॉपीराइट प्रतीक कैसे लिखते हैं?
उत्तर: कॉपीराइट प्रतीक लिखने के लिए, हमें HTML5 फ़ाइल में © या © टाइप करना होगा।
Q # 11) वेबसाइट की संपत्ति का अनुकूलन कैसे करें?
उत्तर: वेबसाइट की संपत्ति का अनुकूलन करने के लिए हमें कुछ बुनियादी अनुकूलन नियमों को समझने की आवश्यकता है। प्रारंभ में, हमें डाउनलोड आकार कम करना चाहिए और कम http अनुरोध करना चाहिए।
वेबसाइट की संपत्तियों का अनुकूलन करने के लिए हम निम्नलिखित तकनीकों का अनुसरण कर सकते हैं:
- फ़ाइल संपीड़न
- फ़ाइल संघटन
- सीडीएन होस्टिंग
- संपत्तियाँ उतारना
- पुन: आयोजन
- शोधन कोड
Q # 12) HTML5 में MathML एलिमेंट का क्या उपयोग है?
उत्तर: शब्द MathML (गणितीय मार्कअप भाषा) एक मार्कअप भाषा है, जिसका उपयोग वेब पर वैज्ञानिक और गणितीय अभिव्यक्ति दिखाने के लिए किया जाता है। गणित संकेतन का वर्णन करने के लिए XML का एक रूप है (एक्स्टेंसिबल मार्कअप भाषा)।
हम प्रयोग कर सकते हैं ... MathML तत्व को लागू करने के लिए HTML5 दस्तावेजों के अंदर टैग।
उदाहरण: HTML5 कोड का उपयोग करके a print + 2b + 5 = 0 प्रिंट करें।
MathMl Example
ध्यान दें: यदि MathML का उपयोग किसी ऐसे अनुप्रयोग द्वारा किया जाता है जो किसी XML अनुशंसा में Namespace के अनुरूप है, तो निम्न नामस्थान का उपयोग किया जा सकता है:
http://www.w3.org/1998/Math/MathML
Q # 13) HTML5 में विभिन्न स्वरूपण टैग क्या हैं?
उत्तर: HTML5 में नीचे दिए गए कुछ पुराने और नए स्वरूपण टैग हैं:
- चिह्नित पाठ: संदर्भ उद्देश्यों के लिए प्रस्तुत पाठ पर प्रकाश डाला गया। हम प्रयोग कर सकते हैं
> टेक्स्ट हाइलाइट के लिए टैग। - हटाए गए पाठ: पाठ के हटाए गए ब्लॉक को निर्दिष्ट करता है। हम हटाए गए पाठ को लागू करने के लिए usetags कर सकते हैं।
- जोर दिया गया पाठ: जोर दिया पाठ को परिभाषित करता है। हम प्रयोग कर सकते हैं एक जोर दिया पाठ को लागू करने के लिए टैग।
- सम्मिलित पाठ: एक दस्तावेज़ में पाठ का एक ब्लॉक सम्मिलित करता है। एक सम्मिलित पाठ को लागू करने के लिए हम usetags कर सकते हैं।
- छोटा पाठ: सम्मिलित पाठ को छोटे आकार में प्रदर्शित करें। हम एक छोटे से पाठ को लागू करने के लिए usetags कर सकते हैं।
- सुपरस्क्रिप्ट टेक्स्ट: यह एक सुपरस्क्रिप्टेड पाठ है। हम प्रयोग कर सकते हैं सुपरस्क्रिप्ट टेक्स्ट लागू करने के लिए टैग।
- सदस्यता पाठ: यह एक उप-पाठ है। हम प्रयोग कर सकते हैं सुपरस्क्रिप्ट टेक्स्ट लागू करने के लिए टैग।
Q # 14) हम HTML5 का उपयोग क्यों करते हैं?
उत्तर: HTML5 एनीमेशन, ड्राइंग, ऑडियो, वीडियो, आदि का समर्थन करता है और यह आसानी से वेब पेज पर एक वीडियो एम्बेड करता है। इसमें वीडियो देखने के लिए फ्लैश जैसे किसी अतिरिक्त सॉफ्टवेयर की आवश्यकता नहीं होती है।
HTML5 का उपयोग करने के कुछ महत्वपूर्ण कारण नीचे दिए गए हैं:
- विरासत और क्रॉस-ब्राउज़र समर्थन
- बेहतर बातचीत
- होशियार का भंडारण
- क्लीनर कोड
Q # 15) हाइपरलिंक क्या है? क्या यह केवल पाठ पर लागू होता है?
उत्तर: हाइपरलिंक एक लिंक है जो उपयोगकर्ता को क्लिक करने पर एक वेब पेज से दूसरे वेब पेज पर जाने की अनुमति देता है। हाइपरलिंक अवधारणा का उपयोग पाठ और साथ ही छवि पर किया जाता है, और हम इसकी मदद से एक छवि को लिंक में बदल सकते हैं > टैग।
उदाहरणसे सी एक छवि (क्लिक करने योग्य छवि) में हाइपरलिंक को फिर से दिखाया गया है।
Image Hyperlink Example Click the following link
Q # 16) HTML5 में वेब स्टोरेज की अवधारणा को समझाइए।
उत्तर: वेब संग्रहण स्थानीय रूप से हमारे वेब एप्लिकेशन के डेटा को उपयोगकर्ता के ब्राउज़र में संग्रहीत करने की सुविधा प्रदान करता है। इसमें 10 एमबी तक डाटा स्टोर किया जा सकता है। वेब संग्रहण हमारे अनुप्रयोगों के प्रदर्शन को बढ़ाने में मदद करता है।
दो प्रकार के वेब स्टोरेज हैं जो HTML5 में स्थानीय रूप से डेटा को स्टोर करने के लिए उपयोग किए जाते हैं:
- स्थानीय भंडार: यह उस डेटा को संग्रहीत करता है जो उपयोगकर्ता द्वारा किसी ब्राउज़र को बंद करने या फिर से खोलने पर स्वचालित रूप से समाप्त या स्पष्ट नहीं होगा।
- सत्र संग्रहण: यह केवल एक सत्र के लिए डेटा संग्रहीत करता है (यानी, एक उपयोगकर्ता जो इंटरनेट या वेबसाइट पर सर्फिंग कर रहा है)। एक बार जब ब्राउज़र बंद हो जाता है, तो सत्र डेटा स्वचालित रूप से वेब ब्राउज़र से हटा देगा।
Q # 17) HTML5 में जियोलोकेशन एपीआई की व्याख्या करें।
उत्तर: जियोलोकेशन एपीआई का उपयोग उपयोगकर्ता की भौगोलिक स्थिति का पता लगाने के लिए किया जाता है।
गोपनीयता कारणों से, उपयोगकर्ता से स्थान की जानकारी रिपोर्ट करने की अनुमति मांगी जाती है। उपयोग navigator.geolocation.get वर्तमान स्थिति () उपयोगकर्ता की स्थिति और भौगोलिक निर्देशांक (देशांतर और अक्षांश संख्या) प्राप्त करने की विधि।
उदाहरण के लिए, किसी उपयोगकर्ता के अक्षांश और देशांतर स्थिति को वापस करने के लिए नीचे दिखाया गया है।
Click The My Location Button to get your Location.
My Location var x = document.getElementById('location'); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { x.innerHTML = 'Geolocation is not supported by this browser.'; } } function showPosition(position) { x.innerHTML = 'Latitude: ' + position.coords.latitude + '
Longitude: ' + position.coords.longitude; }
उदाहरण दिया गया:
- जाँच करें, कि जियोलोकेशन समर्थित है या नहीं।
- यदि जियोलोकेशन समर्थित है, तो getCurrentPosition () विधि चलाएँ। यदि जियोलोकेशन समर्थित नहीं है, तो उपयोगकर्ता को त्रुटि संदेश प्रदर्शित करें।
- यदि getCurrentPosition () विधि सफल है, तो यह पैरामीटर में निर्दिष्ट निर्देशांक और फ़ंक्शन देता है।
- शोपोज़िशन () फ़ंक्शन, आउटपुट प्राप्त करता है - देशांतर और अक्षांश।
Q # 18) HTML5 ग्राफिक्स की व्याख्या करें।
उत्तर: एचटीएमएल 5 दो तरह के ग्राफिक्स यानी कैनवस और एसवीजी को सपोर्ट करता है।
क) कैनवस: वेब पेज पर ग्राफिक्स डिजाइन करने के लिए एलिमेंट का उपयोग किया जाता है, और इसमें चित्र, टेक्स्ट और चित्र जोड़ने के लिए कई तरीके उपलब्ध हैं। 300 px X 150 px (चौड़ाई X ऊँचाई) कैनवास का डिफ़ॉल्ट पिक्सेल आकार है।
उदाहरणकैनवास तत्व का उपयोग करके स्क्वायर बॉक्स को ड्रा करने के लिए नीचे दिखाया गया है।
#mycanvas{border:2px solid pink;}
ख) एसवीजी: स्केलेबल वेक्टर ग्राफिक्स, ज्यादातर ग्राफिकल एप्लिकेशन और स्केलेबल वेक्टर टाइप आरेखों के लिए उपयोग किया जाता है, जैसे कि एक्स, वाई समन्वय प्रणाली, दो-आयामी और पाई चार्ट। यह इसे तेज और हल्का बनाता है। SVG XML फॉर्मेट को फॉलो करता है।
उदाहरणSVG एलिमेंट का उपयोग करके आयत बनाने के लिए नीचे दिखाया गया है।
Q # 19) HTML5 का उपयोग करने के क्या फायदे हैं?
उत्तर: HTML5 HTML का उन्नत संस्करण है। HTML5 वेब पेज पर वीडियो, ऑडियो और ग्राफिक्स को एम्बेड करके आसान या इंटरैक्टिव वेबसाइट बनाने में सक्षम बनाता है।
HTML5 किसी भी तृतीय पक्ष प्लगइन्स का उपयोग किए बिना वेब पर मल्टीमीडिया तकनीक और चित्रमय सामग्री का समर्थन करता है।
HTML5 द्वारा जोड़े गए कुछ सबसे महत्वपूर्ण विशेषताओं में शामिल हैं:
- जियोलोकेशन
- ऑफ़लाइन आवेदन कैश
- क्लाइंट-साइड डेटाबेस
- गलती संभालना
- नई संरचना और नए मल्टीमीडिया तत्व।
- ब्राउज़र समर्थन और अनुकूलता।
कुछ नए एप्लिकेशन प्रोग्रामिंग इंटरफ़ेस (API) का समर्थन करता है जैसे:
- ब्राउज़र इतिहास प्रबंधन
- खींचें और छोड़ें
- एक वेब पेज पर 2 डी ड्राइंग
- समय मीडिया प्लेबैक
समर्थित अनुप्रयोगों में शामिल हैं:
- वेब वर्कर्स - जावास्क्रिप्ट
- स्थानीय फ़ाइल का उपयोग
- आवेदन कैश
- स्थानीय डेटा संग्रहण
- स्थानीय SQL डेटाबेस
Q # 20) एक लिंक कैसे बनाएं जो HTML5 में क्लिक करने पर दूसरे वेब ब्राउजर पेज से कनेक्ट हो जाए?
उत्तर: हाइपरलिंक बनाने के लिए thetag का उपयोग करें, और इनका उपयोग किसी अन्य वेब पेज से कनेक्ट करने के लिए किया जाता है। हम टाइप = का उपयोग करके हाइपरलिंक बना सकते हैं टेक्स्ट टैग। जब हम पाठ पर क्लिक करते हैं, तो वेब पेज का लिंक किया हुआ URL खुल जाएगा।
उदाहरण के लिए नीचे दिया गया कोड एक लिंक है जो याहू होम पेज की ओर जाता है, पते पर स्थित है https://in.yahoo.com
Yahoo link
Visit Yahoo Home Page
Q # 21) HTML5 कितने वेब ब्राउज़र का समर्थन करता है?
क्या संगीत डाउनलोडर सबसे अच्छा है
उत्तर: Apple सफारी, गूगल क्रोम, ओपेरा, इंटरनेट एक्सप्लोरर और मोज़िला फ़ायरफ़ॉक्स के अधिकांश नवीनतम संस्करण HTML5 द्वारा समर्थित हैं।
Q # 22) HTML5 में अक्सर उपयोगी एपीआई क्या हैं?
उत्तर: HTML5 में सबसे अक्सर उपयोगी एपीआई की एक सूची में शामिल हैं:
- मीडिया एपीआई
- डेटा ट्रांसफर एपीआई
- आवेदन कैश एपीआई
- उपयोगकर्ता संपर्क
- इतिहास एपीआई
- बाधा सत्यापन एपीआई
- कमांड एपीआई
- पाठ ट्रैक एपीआई
Q # 23) HTML5 में कितने टैग निकाले गए?
उत्तर: HTML5 में पूरी तरह से हटाए जाने वाले टैग की सूची में शामिल हैं:
Q # 24) वेब पेज पर एम्बेड करने के लिए कौन से वीडियो और ऑडियो प्रारूप का उपयोग किया जाता है?
उत्तर: वेब पेज पर एम्बेड करने के लिए उपयोग किए जाने वाले वीडियो और ऑडियो के प्रारूप नीचे दिए गए हैं:
- वीडियो: MPEG4, Ogg, WebM।
- ऑडियो: डब्ल्यूएवी, ऑग वोरबिस, एमपी।
Q # 25) HTML5 के पृष्ठ संरचना तत्वों को सूचीबद्ध करें।
उत्तर: HTML5 के पृष्ठ संरचना तत्व नीचे दिए गए हैं:
- : शीर्ष लेख अनुभाग का प्रतिनिधित्व करता है और वेब पेज के बारे में शुरुआती जानकारी संग्रहीत करता है।
- : पृष्ठ के पाद लेख अनुभाग (अंतिम भाग) का प्रतिनिधित्व करता है।
- : HTML पृष्ठ के नेविगेशन तत्वों का प्रतिनिधित्व करता है।
- : यह जानकारी का एक सेट है।
- : यह निर्देशों का एक सेट है जो किसी पृष्ठ की मूल संरचना को परिभाषित करने के लिए लेख ब्लॉक के अंदर उपयोग किया जाता है।
- : पृष्ठ की साइडबार सामग्री।
Q # 26) वेब पेज डिजाइन करने के लिए कुछ सामान्य सूचियों की व्याख्या करें।
उत्तर: वेब पेज को डिजाइन करने के लिए सामान्य सूचियों में शामिल हैं:
- निर्देशिका सूची
- परिभाषा सूची
- आदेशित सूचि
- मेनू सूची
- अव्यवस्थित सूची
विभिन्न - प्रत्येक सूची की रचना के लिए विभिन्न टैग का उपयोग किया जाता है।
Q # 27) HTML5 में आउटपुट टैग का क्या उपयोग है?
उत्तर: टैग का उपयोग विभिन्न प्रकार के आउटपुट और परिणाम का प्रतिनिधित्व करने के लिए किया जाता है।
Q # 28) पाठ बॉक्स में कौन सा तत्व स्वतः पूर्ण सुविधा प्रदान करता है?
उत्तर: HTML5element में, एक टेक्स्टबॉक्स में स्वतः पूर्ण सुविधा प्रदान करता है।
Q # 29) Html5 में वीडियो और ऑडियो कैसे एम्बेड करें?
उत्तर:
वीडियो:
उदाहरण HTML5 में वीडियो एम्बेड करने के लिए:
ऑडियो:
उदाहरण HTML5 में एक ऑडियो एम्बेड करने के लिए:
Q # 30) HTML4 से HTML5 में माइग्रेट किए गए टैग क्या हैं?
उत्तर: HTML4 से HTML5 में माइग्रेट किए गए टैग की सूची नीचे दी गई है:
विशिष्ट HTML4 विशिष्ट एचटीएमएल 5
Q # 31) HTML5 Technologies का भाग क्या हैं?
उत्तर: सूची नीचे दी गई है:
- वेब वर्कर्स
- वेब भंडारण
- एसवीजी
- CSS3
- सर्वर-प्रेषित ईवेंट (SSE)
- माइक्रोडेटा
- वेब इंटेंट
- वेब सॉकेट्स
- ऑफ़लाइन आवेदन
- जियोलोकेशन
- एपीआई फ़ाइल
- वेब मैसेजिंग
- खींचें और छोड़ें
- कैनवास 2 डी
Q # 32) एसवीजी और कैनवस तत्वों के बीच अंतर क्या है?
उत्तर:
एसवीजी | कैनवास के तत्व |
---|---|
एसवीजी गेम ग्राफिक्स के लिए उपयुक्त नहीं है। | कैनवस गेम ग्राफिक्स के लिए उपयुक्त है। |
यह ऑब्जेक्ट मॉडल-आधारित है। | यह पिक्सेल आधारित है। |
बड़े रेंडरिंग क्षेत्रों का उपयोग करने के लिए उपयुक्त है। | छोटे रेंडरिंग क्षेत्रों का उपयोग करने के लिए उपयुक्त है। |
SVG ईवेंट हैंडलर के लिए कोई समर्थन प्रदान करता है। | कैनवस इवेंट हैंडलर्स के लिए कोई सहारा नहीं देता है। |
स्क्रिप्ट और सीएसएस के माध्यम से संशोधन की अनुमति है। | केवल स्क्रिप्ट के माध्यम से संशोधन की अनुमति है। |
एसवीजी में बेहतर स्केलेबिलिटी है | कैनवस में खराब मापनीयता है। |
एसवीजी वेक्टर आधारित (आकृतियों से बना) है। | कैनवस रेखापुंज आधारित (एक पिक्सेल से बना) है। |
एसवीजी संकल्प पर निर्भर नहीं करता है। | कैनवस पूरी तरह से संकल्प पर निर्भर है। |
एसवीजी एपीआई एनीमेशन के लिए सक्षम है। | कैनवस के पास एनीमेशन के लिए कोई एपीआई नहीं है। |
एसवीजी उच्च गुणवत्ता और किसी भी संकल्प के साथ मुद्रण के लिए उपयुक्त है। | उच्च गुणवत्ता और उच्च रिज़ॉल्यूशन को मुद्रित करने के लिए कैनवास उपयुक्त नहीं है। |
Q # 33) HTML5 में टैग का क्या उपयोग है?
उत्तर: चित्र टैग का उपयोग वेब पेज पर दस्तावेज़ में एक छवि जोड़ने के लिए किया जाता है।
Q # 34) एचटीएमएल 5 में माइक्रोडाटा क्या है?
उत्तर: माइक्रोडाटा एक नया सरल अर्थ सिंटैक्स है, जिसका उपयोग दस्तावेजों के नाम और मूल्य जोड़ी डेटा के नेस्टेड समूहों को जोड़ने के लिए किया जाता है, जो आमतौर पर पृष्ठ सामग्री पर आधारित होते हैं। माइक्रोडाटा का उपयोग नई वैश्विक विशेषताओं के लिए किया जाता है।
Q # 35) मेटा टैग समझाएं।
उत्तर: मेटा टैग का उपयोग हमारे वेब पेजों के लिए उपयोगी जानकारी प्रदान करने के लिए किया जाता है।
कुछ टैग में शामिल हैं:
- शीर्षक: वेब पेज को एक शीर्षक प्रदान करता है।
- अंदाज: वेब पेज के लिए कुछ शैलियों और सीएसएस विवरण सम्मिलित करता है।
- संपर्क: एक पृष्ठ से दूसरे पृष्ठ और एक बाहरी स्रोत के बीच संबंध को परिभाषित करता है।
कुछ उपयोगी संकेताक्षर
- XML: एक्सटेंसिबल मार्कअप लैंग्वेज
- W3C: विश्वव्यापी वेब संकाय
- SQL: स्ट्रक्चर्ड क्वेरी लैंग्वेज
- जेपीईजी: संयुक्त फोटोग्राफिक विशेषज्ञ समूह
- आईपी: इंटरनेट प्रोटोकॉल
- एचटीटीपी: हाइपरटेक्स्ट ट्रांसफ़र प्रोटोकॉल
- href: हाइपरटेक्स्ट संदर्भ
- एफ़टीपी: फ़ाइल ट्रांसफ़र प्रोटोकॉल
- आग: अप्लिकेशन प्रोग्रामिंग अंतरफलक
- यहां: एकीकृत विकास पर्यावरण
- WEFT: वेब एंबेडिंग फ़ॉन्ट्स उपकरण
- जुदाई: दस्तावेज़ ऑब्जेक्ट मॉडल
- Url: यूनिफ़ॉर्म रिसोर्स लोकेटर
निष्कर्ष
HTML5 को वेब प्रौद्योगिकियों की नींव माना जा सकता है, यह प्राथमिक तकनीक है जिसका उपयोग वेब पेज बनाने के लिए किया जाता है।
बहुत सारे पेशेवर जो वेब प्रौद्योगिकी में कैरियर बनाने का इरादा रखते हैं, उन्हें HTML5 सीखना चाहिए। एचटीएमएल 5 न केवल वेब प्रौद्योगिकियों का उप-निर्माण है, बल्कि इसका उपयोग मोबाइल अनुप्रयोगों को विकसित करने के लिए भी किया जाता है। पारिभाषिक रूप से, HTML5 एक प्रोग्रामिंग भाषा नहीं है, बल्कि यह एक मार्कअप भाषा है।
यह लेख सबसे ऊपरी एचटीएमएल 5 साक्षात्कार प्रश्न और उत्तर की सूची के लिए एक मार्गदर्शक होगा, क्योंकि यह बुनियादी और साथ ही उन्नत एचटीएमएल 5 साक्षात्कार प्रश्न और उत्तर दोनों को कवर करता है। हमें यकीन है कि ये HTMl5 साक्षात्कार की तैयारी के लिए आपकी मदद करने के लिए महान संसाधनों को चालू करते हैं।
आशा है कि यह लेख आपको किसी भी HTML5 साक्षात्कार को सफलतापूर्वक क्रैक करने में मदद करेगा।
अनुशंसित पाठ
- साक्षात्कार प्रश्न और उत्तर
- ईटीएल परीक्षण साक्षात्कार प्रश्न और उत्तर
- 35+ शीर्ष Apache Tomcat साक्षात्कार प्रश्न और उत्तर
- कुछ मुश्किल मैनुअल परीक्षण प्रश्न और उत्तर
- 25 सर्वश्रेष्ठ चुस्त परीक्षण साक्षात्कार प्रश्न और उत्तर
- शीर्ष 35 Android साक्षात्कार प्रश्न और उत्तर
- उत्तर के साथ स्पॉक साक्षात्कार प्रश्न (सर्वाधिक लोकप्रिय)
- कुछ दिलचस्प सॉफ्टवेयर परीक्षण साक्षात्कार प्रश्न