HTML5 नए सिमेंटिक और फंक्शनल टैग्स HTML5, HTML 4.01, XHTML 1.0, और XHTML 1.1 को सुपरसीड करने वाला HTML मानक का अगला प्रमुख संशोधन है। HTML5 वर्ल्ड वाइड वेब पर कंटेंट संरचना और प्रस्तुत करने का मानक है। HTML5 वर्ल्ड वाइड वेब कंसोर्टियम (W3C) और वेब हाइपरटेक्स्ट एप्लिकेशन टेक्नोलॉजी वर्किंग ग्रुप (W

HTML में आरक्षित विशेष वर्ण HTML में कुछ वर्ण आरक्षित हैं और उनका HTML दस्तावेज़ में उपयोग किए जाने पर विशेष अर्थ होता है। उदाहरण के लिए, आप अपने HTML टेक्स्ट में ग्रेटर दैन और लेस दैन साइन्स या एंगल ब्रैकेट्स का उपयोग नहीं कर सकते क्योंकि ब्राउज़र उन्हें अलग तरह से व्यवहार करेगा और HTML टैग से संब

सर्वर-सेंट इवेंट्स (SSE) कैसे काम करते हैं पारंपरिक वेब एप्लिकेशन्स इवेंट्स उत्पन्न करते हैं जो वेब सर्वर को भेजे जाते हैं। उदाहरण के लिए, एक लिंक पर साधारण क्लिक सर्वर से नया पेज अनुरोध करता है। वेब ब्राउज़र से वेब सर्वर की ओर बहने वाले इवेंट्स के प्रकार को **क्लाइंट-सेंट इवेंट्स** कहा जा सकता ह

वेब एप्लिकेशन में SSE उपयोग करना वेब एप्लिकेशन में सर्वर-सेंट इवेंट्स उपयोग करने के लिए, डॉक्यूमेंट में <eventsource> एलिमेंट जोड़ें। <eventsource> एलिमेंट का src विशेषता एक URL की ओर इशारा करना चाहिए जो एक स्थायी HTTP कनेक्शन प्रदान करे जो इवेंट्स वाले डेटा स्ट्रीम भेजता है। URL एक P

सर्वर-सेंट इवेंट्स (SSE) हैंडल करना HTML5 में सर्वर-सेंट इवेंट्स हैंडल करने के लिए निम्न कोड चलाएं: <!DOCTYPE HTML> <html> <head> <script> document.getElementsByTagName(eventsource)[0] .addEventListener(server-time, eventHandler, false); fun

HTML5 WebSocket API विशेषताएं Web Sockets वेब एप्लिकेशन्स के लिए अगली पीढ़ी की द्विदिश संचार तकनीक है जो एक सिंगल सॉकेट पर काम करती है और HTML5 अनुरूप ब्राउज़र्स में JavaScript इंटरफेस के माध्यम से उजागर होती है। मुख्य विशेषताएं (Attributes) विशेषताविवरण Socket.readyStateकनेक्शन की स्थिति दर्श

Canvas शैडो के लिए चार वैश्विक विशेषताएं HTML5 Canvas ड्राइंग ऑपरेशन्स के चारों ओर अच्छी छाया बनाने की क्षमता प्रदान करता है। सभी ड्राइंग ऑपरेशन्स चार वैश्विक शैडो विशेषताओं से प्रभावित होते हैं। क्र.सं.प्रॉपर्टी और विवरण 1shadowColor [ = value ]वर्तमान छाया रंग लौटाता है और छाया रंग बदलने के

Canvas पर छाया बनाना HTML5 Canvas पर शैडो ड्रा करने के लिए: <!DOCTYPE HTML> <html> <head> <style> #test { width: 100px; height: 100px; margin: 0px auto; } </style> <script> function drawShape() { va

HTML5 कैनवास कैनवास स्टेट्स को सेव और रिस्टोर करने के लिए दो महत्वपूर्ण मेथड्स प्रदान करता है। कैनवास स्टेट्स हर बार save मेथड कॉल होने पर स्टैक पर स्टोर होते हैं, और अंतिम सेव किया गया स्टेट हर बार  restore मेथड कॉल होने पर स्टैक से लौटाया जाता है। क्र.सं.मेथड और विवरण1save()यह मेथड वर्तमान स

textBaseline [ = value ]यह प्रॉपर्टी वर्तमान बेसलाइन संरेखण सेटिंग्स लौटाती है और इसे सेट किया जा सकता है, बेसलाइन संरेखण बदलने के लिए। संभावित मान हैं top, hanging, middle, alphabetic, ideographic और bottom निम्न टेक्स्ट बनाने के लिए प्रॉपर्टीज़ हैं: क्र.सं.प्रॉपर्टी और विवरण1font [ = value ]यह प्

<video> एलिमेंट के निम्न एट्रिब्यूट्स हैं: एट्रिब्यूटविवरणautoplayयदि निर्दिष्ट है, तो वीडियो डेटा लोड करना समाप्त किए बिना जितनी जल्दी हो सके स्वचालित रूप से प्लेबैक शुरू कर देगा।autobufferयदि निर्दिष्ट है, तो वीडियो स्वचालित रूप से बफरिंग शुरू कर देगा भले ही यह स्वचालित रूप से चलाने के लिए

निम्न एरर कोड्स हैं: कोडकॉन्स्टेंटविवरण0UNKNOWN_ERRORअज्ञात त्रुटि के कारण मेथड डिवाइस की लोकेशन प्राप्त करने में विफल रहा।1PERMISSION_DENIEDएप्लिकेशन को लोकेशन सर्विस उपयोग करने की अनुमति नहीं होने के कारण मेथड डिवाइस की लोकेशन प्राप्त करने में विफल रहा।2POSITION_UNAVAILABLEडिवाइस की लोकेशन निर्धा

EaseLJS HTML5 कैनवास एलिमेंट को आसान बनाने के लिए एक JavaScript लाइब्रेरी है। गेम, ग्राफिक्स आदि बनाने के लिए इसका उपयोग करें। HTML में easeLJS के साथ Ticker मेथड का उपयोग करके लाइनें बनाने के लिए: var myLine = new createjs.Shape(); myLine.graphics.setStrokeStyle(4); myLine.graphics.beginStroke(col

setTimeout() को फंक्शन रेफरेंस उपयोग करने के लिए बदलें। यह उस समय उपलब्ध फंक्शन के रूप में काम करता है जब रेफरेंस होता है। रेफरेंस को स्ट्रिंग रेफरेंस के बजाय टाइमआउट इवेंट कॉलबैक में ट्रांसफर किया जाएगा: window.setTimeout(startNow, 2000); इसे निम्न की तरह सेट करें: setTimeout(startNow, 1000); func

रिस्पॉन्सिव डिज़ाइन के लिए, आपको user-scalable=no उपयोग करने की आवश्यकता नहीं है। इसका उपयोग केवल तभी करें जब आप चाहते हैं कि आपका एप्लिकेशन नेटिव ऐप की तरह दिखे। ज़ूमिंग एक्सेसिबिलिटी के लिए एक प्रमुख विशेषता है और आपको इसे ध्यान में रखना होगा। आप नियंत्रित कर सकते हैं कि उपयोगकर्ता ज़ूम इन करने प

PNG के पारदर्शी नहीं क्षेत्र का पता लगाने के लिए:  आपको पहले बफर प्राप्त करने की आवश्यकता है उस बफर का 32-बिट रेफरेंस प्राप्त करने की आवश्यकता है x1 एज खोजने के लिए 0 चौड़ाई स्कैन करें x2 एज खोजने के लिए चौड़ाई 0 स्कैन करें y1 एज खोजने के लिए ऊंचाई y2 एज खोजने के लिए ऊ

कैनवास में दो या अधिक ऑब्जेक्ट्स के बीच गुरुत्वाकर्षण लागू करने के लिए: var distX = ob1.x - ob2.x, distY = ob1.y - ob2.y; var val = distX *distX + distY * distY; var r = Math.sqrt(val); var F = 50 / val; var rhat_x = distX / r; var rhat_y = distY / r; var Fx = F * rhat_x; var Fy = F * rhat_y; ob1.v

हाँ, input type = “week” मौजूद है और आपको ISO 8601 के अनुसार एनकोडेड वर्ष और सप्ताह संख्या से युक्त डेट जोड़ने की अनुमति देता है। आप इसे निम्न में जोड़ सकते हैं: <!DOCTYPE HTML> <html>    <body>       <form action = "/cgi-bin/html5.cgi&

datetime ISO 8601 के अनुसार एनकोडेड डेट और टाइम (वर्ष, महीना, दिन, घंटा, मिनट, सेकंड, सेकंड के अंश) जिसमें टाइम ज़ोन UTC पर सेट है। आइए एक उदाहरण देखें: <!DOCTYPE HTML> <html>    <body>       <form action = "/cgi-bin/html5.cgi" method = "

HTML5 ने ऑटोफोकस नामक एक नया एट्रिब्यूट पेश किया जिसका उपयोग निम्नानुसार किया जाएगा: <input type = "text" name = "search" autofocus/> यह एट्रिब्यूट केवल Mozilla, Safari और Chrome ब्राउज़र्स के नवीनतम संस्करणों द्वारा समर्थित है। उदाहरण ऑटोफोकस एट्रिब्यूट के साथ काम करना सी