रिस्पॉन्सिव डिज़ाइन में ज़ूमिंग क्षमताओं को अक्षम करने के लिए, आपको एक META व्यूपोर्ट टैग बनाना होगा। उसके साथ, user-scalable प्रॉपर्टी को no पर सेट करें जैसे: user-scalable=no अपने HTML कोड में निम्नलिखित जोड़ें ताकि रिस्पॉन्सिव डिज़ाइन में ज़ूमिंग क्षमताओं को अक्षम किया जा सके: <meta name=view

Amazon S3 अब क्रॉस-ओरिजिन रिसोर्स शेयरिंग का समर्थन करता है इसलिए HTML5 अपलोड अब संभव हैं। पहले यह संभव नहीं था। Plupload को क्रॉस-ओरिजिन रिसोर्स शेयरिंग (CORS) द्वारा सीधे HTML5 पर अपलोड किया जा सकता है। CORS (क्रॉस-ओरिजिन रिसोर्स शेयरिंग) की मदद से, समृद्ध क्लाइंट-साइड वेब एप्लिकेशन बनाए जा सकते

srcdoc एट्रिब्यूट iframe में दिखाए जाने वाले पेज की HTML सामग्री निर्दिष्ट करता है। HTML <iframe> टैग का उपयोग इंलाइन फ्रेम बनाने के लिए किया जाता है। srcdoc एट्रिब्यूट का विकल्प होगा: var doc = document.querySelector(#demo).contentWindow.document; var content = ; doc.open(text/html, r

HTML5 Canvas में बड़े फ़ॉन्ट को ठीक से ड्रॉ करने के लिए, आप निम्नलिखित कोड चलाने का प्रयास कर सकते हैं: var myCanvas = document.getElementById(myCanvas); var context = c.getContext(2d); context.font = 180pt Georgia; context.strokeStyle = #FF0000; context.fillStyle = #FFFFFF ; context.lineWidth

आप HTML5 में <polygon> टैग के साथ कैसे काम करें, यह सीखने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं: <html> <head> <style> #svgelem{ position: relative; left: 50%; -webkit-transform: transl

HTML5 को जितना संभव हो सके मौजूदा वेब ब्राउज़र्स के साथ बैकवर्ड कम्पैटिबल होने के लिए डिज़ाइन किया गया है। नई सुविधाएं मौजूदा सुविधाओं पर निर्माण करती हैं और आपको पुराने ब्राउज़र्स के लिए फॉलबैक कंटेंट प्रदान करने की अनुमति देती हैं। कुछ लाइनों के JavaScript का उपयोग करके व्यक्तिगत HTML5 सुविधाओं क

HTML5 फ़ाइल Blob.slice() मेथड एक Blob ऑब्जेक्ट बनाने के लिए उपयोगी है जिसमें डेटा होता है। यह डेटा सोर्स Blob के बाइट्स की निर्दिष्ट रेंज में होता है। आइए slice() का उपयोग करके बाइनरी डेटा भेजने और प्राप्त करने का एक उदाहरण देखें। यह उदाहरण एक टेक्स्ट भेजता है और फ़ाइल को सर्वर पर भेजने के लिए POST

SVG को केंद्र में करने के लिए, निम्नलिखित CSS जोड़ें: # svgelem { margin-left:auto; margin-right:auto; display:block; } निम्नलिखित हमारा SVG है: <svg id=svgelem height=200 xmlns=https://www.w3.org/2000/svg> <circle id=redcircle cx=50 cy=50 r=50 fill=red /> </svg

हां, आधिकारिक विनिर्देश क्रॉस-ओरिजिन एट्रिब्यूट को इस प्रकार बताता है: crossorigin एट्रिब्यूट एक CORS सेटिंग्स एट्रिब्यूट है। इसका उद्देश्य उन तृतीय-पक्ष साइटों से छवियों को अनुमति देना है जो क्रॉस-ओरिजिन एक्सेस की अनुमति देती हैं ताकि उन्हें canvas के साथ उपयोग किया जा सके। आप इसका उपयोग JavaScrip

Ionic हाइब्रिड मोबाइल ऐप्स बनाने पर लक्षित एक HTML5 मोबाइल ऐप डेवलपमेंट फ्रेमवर्क है। Ionic को फ्रंट-एंड UI फ्रेमवर्क के रूप में सोचें जो आपके ऐप को आकर्षक बनाने के लिए आवश्यक सभी लुक-एंड-फील और UI इंटरैक्शन को संभालता है। एक तरह से नेटिव के लिए बूटस्ट्रैप, लेकिन आम नेटिव मोबाइल कंपोनेंट्स, स्लीक ए

<section> और <article> एलिमेंट्स स्क्रीन रीडर्स के लिए भी उपयोगी हैं और दृष्टिबाधित उपयोगकर्ताओं को आपके वेब पेज की सामग्री पढ़ने में मदद करते हैं। ये ईबुक रीडर्स के लिए भी फायदेमंद हैं। आइए देखें कि दोनों एलिमेंट्स के साथ कैसे काम करें। <section> <!DOCTYPE html> <html>

HTML5 वैलिडेशन के लिए, आपको Visual Studio में IntelliSense और वैलिडेशन सपोर्ट इंस्टॉल करना होगा। HTML5 Visual Studio 2012 द्वारा समर्थित है। VS 2010 में IntelliSense सपोर्ट था, लेकिन VS 2012 ने संबंधित स्निपेट्स जोड़े जिससे मार्कअप लिखना तेज और आसान हो गया। चरणों का पालन करें:  Visual Studio

यह HTML5 में केवल URL मान स्वीकार करता है। इस प्रकार का उपयोग उन इनपुट फ़ील्ड्स के लिए किया जाता है जिनमें एक URL पता होना चाहिए। यदि आप साधारण टेक्स्ट सबमिट करने का प्रयास करते हैं, तो यह केवल https://www.qries.com फॉर्मेट या https://qries.com फॉर्मेट में URL पता दर्ज करने के लिए मजबूर करता ह

यहां एक SVG उदाहरण का HTML5 संस्करण है जो <polygon> टैग का उपयोग करके एक स्टार बनाएगा। <html> <head> <style> #svgelem{ position: relative; left: 50%; -webkit-transform: translateX(-40%);

HTML5 को जितना संभव हो सके मौजूदा वेब ब्राउज़र्स के साथ बैकवर्ड कम्पैटिबल होने के लिए डिज़ाइन किया गया है। नई सुविधाएं मौजूदा सुविधाओं पर निर्माण करती हैं और आपको पुराने ब्राउज़र्स के लिए फॉलबैक कंटेंट प्रदान करने की अनुमति देती हैं। कुछ लाइनों के JavaScript का उपयोग करके व्यक्तिगत HTML5 सुविधाओं क

IndexedDB उपयोगकर्ता के ब्राउज़र में डेटा स्टोर करने की एक नई HTML5 अवधारणा है। IndexedDB लोकल स्टोरेज से अधिक शक्तिशाली है और उन एप्लिकेशन्स के लिए उपयोग किया जाता है जिन्हें बड़ी मात्रा में डेटा स्टोर करने की आवश्यकता होती है। ये एप्लिकेशन्स अधिक कुशलता से चल सकते हैं और तेजी से लोड होते हैं। W3C

निम्नलिखित फ़ंक्शन IndexedDB का उपयोग करके डेटा जोड़ने का एक उदाहरण है: function add() { var request = db.transaction([employee], readwrite) .objectStore(employee) .add({ id: 001, name: Amit, age: 28, email: demo1@example.com }); request.onsuccess = function(event) { al

Web RTC के लिए ब्राउज़र्स के बीच पीयर-टू-पीयर संचार की आवश्यकता होती है। इस तंत्र के लिए सिग्नलिंग, नेटवर्क जानकारी, सत्र नियंत्रण और मीडिया जानकारी की आवश्यकता होती है। वेब डेवलपर्स ब्राउज़र्स के बीच संचार के लिए SIP या XMPP या किसी भी दो-तरफ़ा संचार जैसे विभिन्न तंत्र चुन सकते हैं। createSignalin

ब्लेंड करने के लिए, आपको दो इमेजेज को 50-50 अनुपात में ब्लेंड करने की आवश्यकता है। आइए देखें कैसे: <img src=Tutorial1.jpg id=Tutorial One> <img src=Tutorial2.jpg id=Tutorial Two> <p>Blended image<br> <canvas id=canvas></canvas></p> <script> w

रुपये का सिंबल निम्नलिखित है और हर ब्राउज़र इसका समर्थन नहीं करता: &#X20B9; इसे अपने वेब पेज पर दृश्यमान बनाने के लिए: <link rel=stylesheet href=//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css> <i class=fa fa-inr></i> आप निम्नलिखित का भी उपयोग कर सकते हैं