postMessage विधि अलग-अलग डोमेन में डेटा ट्रांसफर करने के लिए postMessage मेथड का उपयोग करें। उदाहरण क्रॉस-डोमेन HTML5 iframe समस्या हल करने के लिए निम्नलिखित कोड स्निपेट आज़माएं: // postMessage() का उपयोग window.onmessage = function(e) { e.source.postMessage(document.body.innerHTML, e.origin);

फुल-हाइट लेआउट के तरीके वेब पेज की ऊंचाई को स्क्रीन ऊंचाई में फिट करने के कई तरीके उपलब्ध हैं: सापेक्ष ऊंचाई दें html, body { height: 100%; } फिक्स्ड पोजिशनिंग दें #main { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; } व्यूपोर्ट ऊंचाई का उपयोग करें heig

Canvas निर्माण नहीं, आप HTML5 Canvas को canvas कंस्ट्रक्टर से नहीं बना सकते। आपको निम्नलिखित की आवश्यकता है: document.createElement(canvas); उपयोग var canvas1 = document.createElement(canvas); canvas1.id = canvas1; document.body.appendChild(canvas1); कोई बिल्ट-इन Canvas कंस्ट्रक्टर फ़ंक्शन नहीं

मुद्रा प्रदर्शन के लिए सिमेंटिक मार्कअप पैसे की राशि, कीमत आदि प्रदर्शित करने के लिए, निम्नलिखित में से किसी को आज़माएं: उत्पाद की कीमत प्रदर्शित करने के लिए माइक्रोडेटा का उपयोग करें कीमत के महत्व को दिखाने के लिए <strong> एलिमेंट का उपयोग करें कीमत को अलग तरह से स्टाइल करने के लिए क्लास के

jQuery serializeArray() HTML फॉर्म से की/वैल्यू डेटा सेट प्राप्त करने के लिए, jQuery का उपयोग करें। मान लें कि यह हमारा HTML है <form id=form1> <input type=text name=demo /> </form> JavaScript के लिए var data = $(form#form1).serializeArray(); // [{demo: value}] $.ajax({ da

HTML5 वैलिडेशन लाभ हां, HTML5 वैलिडेशन उपयोगी है और फॉर्म्स को मान्य करने के लिए भी उपयोगी है। अब आपको क्लाइंट-साइड वैलिडेशन जैसे खाली टेक्स्ट बॉक्स कभी सबमिट नहीं होगा के लिए JavaScript की आवश्यकता नहीं है क्योंकि HTML5 ने required नामक एक नया एट्रिब्यूट पेश किया। उदाहरण <!DOCTYPE HTML> <

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

SVG टेक्स्ट रैपिंग getBBox() फ़ंक्शन का उपयोग करें और एक समय में एक शब्द को टेक्स्ट ऑब्जेक्ट में जोड़ें। जब यह बहुत चौड़ा हो जाता है, तो आपको लाइन फीड जोड़ने की आवश्यकता होती है। var a = Raphael(500, 500); var b = a.text(100, 100).attr(text-anchor, start); var maxWidth = 100; var content = Lorem ip

IE8 में HTML5 एलिमेंट्स सक्षम करना IE में HTML5 एलिमेंट्स सक्षम करने के लिए, आपको html5shiv जैसे प्लगइन्स का उपयोग करने की आवश्यकता है। HTML5 Shiv लिगेसी इंटरनेट एक्सप्लोरर में HTML5 सेक्शनिंग एलिमेंट्स के उपयोग को सक्षम करता है और इंटरनेट एक्सप्लोरर 6-9 के लिए बेसिक HTML5 स्टाइलिंग प्रदान करता है।

SiteNavigationElement स्कीमा schema.org SiteNavigationElement WebPageElement को एक्सटेंड करता है। इसका उपयोग उन लिंक्स को मार्कअप करने के लिए किया जाता है जो अद्भुत प्रासंगिक लिंक बनाएंगे। <nav role=navigation itemscope itemtype=https://schema.org/SiteNavigationElement> <ul> <l

encodeURIComponent फ़िल्टर बनाना encodeURIComponent को इनवोक करने वाले फ़िल्टर को बनाने के लिए, निम्नलिखित HTML है: <div ng-app=app> <a href=/foo/{{ bar&baz | encodeURIComponent }}>Demo</a> </div> AngularJS कोड var app = angular.module(app, []); app.filter(encodeURIC

WebBrowser कंट्रोल के लिए IE रेंडरिंग मोड सेट करना WebBrowser कंट्रोल को IE9 स्टैंडर्ड्स मोड में रखने के लिए, अपने HTML वेब पेज में निम्न लाइन जोड़ें: Internet Explorer 9 के लिए <meta http-equiv="X-UA-Compatible" content="IE=9" /> Microsoft Edge (IE मोड) के लिए <meta

pushState ऑब्जेक्ट पेज को अपडेट करने के लिए pushState ऑब्जेक्ट का उपयोग करें जब उपयोगकर्ता हिस्ट्री के माध्यम से वापस नेविगेट करता है। चुने गए रंग को शामिल करने का एक उदाहरण देखें जो एक हिस्ट्री एंट्री बनाता है: function display(color) { var myState = { selectedColor: color }, myTitle =

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

बटन एलिमेंट वैधता <button> टैग दस्तावेज़ बॉडी में कहीं भी मान्य है। यह केवल वहां मान्य है जहां टेक्स्ट-लेवल मार्कअप प्रकट हो सकता है। HTML में, <input type=button /> का उपयोग HTML फॉर्म में बटन बनाने के लिए किया जाता है। <button> टैग के अंदर, आप टेक्स्ट या इमेजेस जैसी सामग्री रख स

पुनः कनेक्शन रणनीति पुनः कनेक्ट करने के लिए सॉकेट को रीक्रिएट करें। वेबसॉकेट्स खुले रहने के लिए डिज़ाइन किए गए हैं। आप सर्वर को कनेक्शन बंद करने की विधि भी अपना सकते हैं। इसके माध्यम से, वेबसॉकेट एक onclose इवेंट फायर करेगा और कनेक्शन बनाने का प्रयास जारी रखेगा। इसके अलावा, जब सर्वर फिर से सुन रहा

शीर्ष HTML5 मोबाइल फ्रेमवर्क्स HTML5 आधारित मोबाइल डेवलपमेंट के लिए कुछ सर्वश्रेष्ठ फ्रेमवर्क निम्नलिखित हैं: Kendo UI Kendo UI का उपयोग अमूल्य क्रॉस-प्लेटफॉर्म मोबाइल एप्लिकेशन विकसित करने के लिए करें। Bootstrap Bootstrap HTML, CSS, और JS का समर्थन करता है जो रिस्पॉन्सिव लेआउट के साथ मोबाइल ऐप्स

SVG और Raphael.js के साथ वर्ल्ड मैप आप SVG का उपयोग करके वर्ल्ड मैप बना सकते हैं और raphaeljs के साथ काम कर सकते हैं। सबसे पहले, Raphael.js जोड़ना और सर्कल बनाना सीखें var paper = Raphael(10, 50, 320, 200); // ड्राइंग सर्कल्स var circle = paper.circle(50, 40, 10); circle.attr(fill, #f00); circle.at

नल वैल्यू के लिए कंट्रोलर function display($scope) { $scope.obj = {selected: null}; $scope.objects = [{id: 1, value: Yes}, {id: 0, value: No}] } टेम्पलेट <div ng-controller=display> <select ng-model=obj.selected ng-options=value.id as value.value for value in objects&g

ब्राउज़र सपोर्ट WebKit-आधारित ब्राउज़र और Firefox 4 मुख्य रूप से HTML5 History API को सपोर्ट करते हैं। हालांकि, अब लगभग हर आधुनिक ब्राउज़र इसका समर्थन करता है। Firefox 4+ Google Chrome Internet Explorer 10+ Safari 5+ iOS 4+ History API (pushState, replaceState, popstate) सिंगल-पेज एप्लिकेशन रू