HTML.next या HTML6 के लिए विचार

इस तथ्य के बावजूद कि यह एचटीएमएल 5 विनिर्देश को पूरी तरह से अनुमोदित करने और केवल 2014 में व्यापक संभव अंतर्संचालनीयता प्राप्त करने की योजना बना रहा है , इस बारे में विचार कि यह अगली पीढ़ी के विनिर्देश को HTML.next की तरह कैसे दिखना चाहिए, क्योंकि इसे नियमित रूप से W3C कोर्टियम कहा जाता है, पहले से ही क्रिस्टलीकरण कर रहे हैं। ।

शब्दार्थ के नए तत्व

<दबाव हटाना>

इस तत्व का उपयोग जिप आर्काइव (मुख्य प्रारूप के रूप में जिप, अन्य संभव हैं) से फाइलों को सीधे वेब पेज में एकीकृत करने के लिए किया जाना प्रस्तावित है। इस दृष्टिकोण के लाभ: ज़िप से फ़ाइलों तक वेब ब्राउज़र पहुंच, बैंडविड्थ की आवश्यकताएं कम हो जाती हैं (जो कि मोबाइल प्लेटफार्मों के लिए विशेष रूप से सच है)।

उपयोग उदाहरण:

<decompress href="http://thisisanexample.com/mobile/familyreunion.zip"> <a href="familyreunion.zip/html/activities.html">Activities from our family reunion</a> <img src="familyreunion.zip/img/familyreunion1.jpg"> 

शीर्षकों और लेखकों के लिए शब्दार्थ

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

एक उदाहरण:

  [title: The praise of Shadow id:praise by:junichiro] is a book written by [author: Junichiro Tanizaki id:junichiro] explaining … etc. 

<स्थान>

यह तत्व (<time /> के साथ सादृश्य द्वारा) भू-सूचना को इंगित करने का कार्य करता है। यह अक्षांश, लंबे, ऊंचाई विशेषताओं के साथ उपयोग करने का सुझाव दिया गया है:

 <location lat=27.9 long=-71.3 altitude=-100> </location> 

<टीज़र>

एक अधिक पूर्ण ब्लॉक में एक लिंक के साथ सामग्री के साथ एक ब्लॉक को लपेटने के लिए डिज़ाइन किया गया। हम हर जगह इस तरह की संरचनाएँ देखते हैं: ब्लॉग के पहले पन्नों पर खोज परिणामों में, किसी प्रकार के मीडिया संसाधन, आदि के साथ एक ब्लॉक फिर से शुरू होता है। सामान्य तौर पर, यह एक अनुभागीय तत्व होना चाहिए, जो अन्य अनुभागीय तत्वों में स्थित हो सकता है, जैसे नेविगेशन पृष्ठ:

 <nav> <teaser> <header> <h1><a href="http://www.myserver.com/myFirstCoolArticle.html">My First Cool Article</a></h1> </header> <p>This is my first article on the page, and it's really cool.</p> <footer> <time>3 Days Ago</time> <div><a href="http://www.myserver.com/myFirstCoolArticle.html" >http://www.myserver.com/myFirstCoolArticle.html</a></div> </footer> </teaser> <teaser> <header> <h1><a href="http://www.myserver.com/mySecondCoolArticle.html" >My Second Cool Article</a></h1> </header> <p>This article is on superconducting fields, and is even cooler than my first article.</p> <footer> <time>1 Days Ago</time> <div> <a href="http://www.myserver.com/mySecondCoolArticle.html" >http://www.myserver.com/mySecondCoolArticle.html</a </div> </footer> </teaser> </nav> 

इस मद का उपयोग करने के लाभ:

• HTML में आम तौर पर उपयोग की जाने वाली संरचनाओं का विवरण
• खोज इंजन और घटक प्रबंधन के अनुकूलन में योगदान देता है, क्योंकि विभिन्न विजेट विभिन्न तरीकों से इस संरचना का उपयोग कर सकते हैं
• जरूरी नहीं कि सूची संख्या तंत्र में भाग लें
• फास्ट ToC बनाने के लिए एंकर के साथ उपयोग किया जा सकता है
• HTML5 में सामग्री के बंटवारे के आधार के रूप में स्वीकृत ब्लॉग पर अच्छी तरह से काम करता है

आकार

इनपुट रूपों में स्वचालित पूंजीकरण

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

उदाहरण के लिए:

 <form> : <input name="name" autocapitalize="words"> State: <input name="state" autocapitalize="characters"> </form> 

स्वतः पूर्णता = "शब्द" टैग को निर्दिष्ट करके, ब्राउज़र प्रत्येक नए शब्द को कैपिटल करेगा। नाम का संकेत देने वाले क्षेत्रों के लिए वास्तविक, उदा। "वासया पुपकिन।"
स्वतः पूर्णता = "वर्ण" टैग निर्दिष्ट करके, ब्राउज़र प्रत्येक वर्ण को कैपिटल करेगा। संक्षिप्त के लिए वास्तविक।

अधिक जानकारी यहाँ ।

उन्नत प्रपत्र प्रमाणीकरण

आज, अधिकांश ब्राउज़रों के पास आंकड़े हैं जो यह निर्धारित करते हैं कि पृष्ठ में प्रमाणीकरण प्रपत्र, पासवर्ड परिवर्तन, और इसी तरह हैं। अक्सर ये ह्यूरिस्टिक एल्गोरिदम हमेशा सही ढंग से काम नहीं करते हैं। प्रपत्र और फ़ील्ड में एनोटेशन जोड़ना ब्राउज़र को अधिक सटीक प्रक्रिया स्क्रिप्ट्स और इंटरैक्शन में सुधार करने की अनुमति देगा।

स्थानीयकरण को नियंत्रित करें

उदाहरण के लिए अक्सर वेब डेवलपर्स में नियंत्रणों को स्थानीय करने की क्षमता का अभाव होता है:
- प्रकार के क्षेत्रों के लिए "ब्राउज़ करें" बटन <इनपुट प्रकार = फ़ाइल />
- दिनांक / समय निर्धारित करने के लिए नियंत्रण

मल्टीमीडिया

उत्तरदायी छवियां

क्लाइंट साइड पर वर्तमान सेटिंग्स ( अधिक ) के आधार पर विभिन्न छवि आकारों का डाउनलोड।

अनुकूली स्ट्रीमिंग

इस दिशा में काम पहले से ही चल रहा है: अनुकूली स्ट्रीमिंग , वीडियो मेट्रिक्स ।

कई अलग-अलग अनुकूली स्ट्रीमिंग प्रारूप हैं (जैसे सामग्री डाउनलोड करने के लिए विभिन्न प्रगतिशील मीडिया प्रारूप हैं)। कई मामलों में, संरक्षित सामग्री को स्ट्रीम करने की आवश्यकता होती है। वर्तमान HTML5 मीडिया तत्व विभिन्न स्वरूपों की पसंद का समर्थन करते हैं। हालांकि, अनुकूली स्ट्रीमिंग और सुरक्षित सामग्री के कुछ पहलू हैं जो सामान्य उपयोग के लिए HTML में सुधार की आवश्यकता है। विशेष रूप से, वे शामिल हैं:

• अतिरिक्त मीडिया स्थिति तत्व जो वर्तमान स्थिति को प्रदर्शित करने की अनुमति देता है (जैसे सर्वर के साथ डेटा ट्रांसफर का समन्वय)
• अतिरिक्त मीडिया एरर एलिमेंट (उदा। ट्रांसमिशन बातचीत एरर)
• घटनाओं का अतिरिक्त मीडिया तत्व (उदा। किसी धारा के बिटरेट में परिवर्तन)
• गुणों का एक अतिरिक्त मीडिया तत्व (उदाहरण के लिए वर्तमान बिटरेट, जो अन्य QoS संकेतकों से संबंधित हो सकता है)

ऑडियो संतुलन

स्टीरियो रचनाओं के लिए HTML5 का उपयोग करके ऑडियो बैलेंस (बाएं / दाएं चैनल) को समायोजित करना।

वीडियो प्लेबैक में सुधार

• तेज / धीमा खेल / उल्टा
• पिछला / अगला फ्रेम

पूर्ण स्क्रीन और स्क्रीनशॉट

 domElement.fullScreen(); domElement.getImageData(0, 0, domElement.offsetWidth, domElement.offsetHeight); 

पाठ का संपादन

<Editr> तत्व

यह तत्व लिंक पर क्लिक करने पर आपको टाइप किए गए टेक्स्ट को सहेजने की अनुमति देगा।

<textarea प्रकार = '' wysiwyg ''>

मुख्य लक्ष्य: WYSIWYG- संपादन संरचित (शब्दार्थ) पाठ। इरादा उपयोग: ब्लॉग, ईमेल, सीएमएस साइटों से संपादन लेख, आदि।

समर्थित होने वाली वस्तुओं की अनुमानित सूची:

• ब्लॉक : p, ul / li, ol / li, dl / dt / dd, blockquote, pre
• स्पैन : मजबूत / एम / एक / सुपर / उप / यू / कोड / स्ट्राइक।
• इनलाइन-ब्लॉक : img, br
• टेबल : टेबल / ट्र / वें / td

विशेषताएं:

• सिस्टम बफर से / के लिए छवियों को कॉपी / चिपकाने के लिए समर्थन (एक विशेषता द्वारा जुड़ा)
• सिस्टम बफर से / से ग्रंथों और HTML को कॉपी / पेस्ट करने के लिए समर्थन (एक विशेषता द्वारा जुड़ा)
• इनलाइन शैलियों का समर्थन नहीं करना चाहिए
• एक विशेषता सामग्री-शैली हो सकती है = "some.css" जो संपादक के अंदर तत्वों की शैलियों को परिभाषित करती है

कॉपी / पेस्ट विशेषताएं

तालिका के बाईं ओर प्रस्तुत की गई सूची को प्रस्तुत किया जाएगा जैसा कि तालिका के दाईं ओर दिखाया गया है।

<ol> <li>Lorem</li> <li>Ipsum</li> <li>Dolor</li> <li>sit</li> <li>et cetera</li> </ol>

lorem ipsum मातम बैठ et cetera

यदि आप आइटम 'डोलर' को कॉपी करते हैं और इसे नियमित WYSIWYG टेक्स्ट एडिटर में पेस्ट करते हैं, तो आपको "3" मिलना चाहिए। डोलर। "

अवयव और ईसीएमएस्क्रिप्ट

"व्यवहार" या डोम तत्वों के गतिशील उपवर्ग

यह सुविधा फ्रेमवर्क और टूल के यूजर इंटरफेस घटकों के लिए बहुत उपयोगी है।

एक उदाहरण:

 document.behaviors["ul.some>li"] = { // the behavior class: attached: function() {...}, detached: function() {...}, onmousedown: function() {...}, onclick: function() {...}, ... }; 

"व्यवहार" घोषणा में चयनकर्ता को संतुष्ट करने वाले सभी तत्वों को निर्दिष्ट तरीकों के सेट हैं। जब कोई तत्व एक घटना प्राप्त करता है, तो संबंधित फ़ंक्शन को कहा जाता है। उसी तरह, सीएसएस के साथ काम करने का सुझाव दिया गया है। यह व्यवहार jQuery इवेंट चेनिंग के समान है।

शामिल ('' url '');

कई प्रोग्रामर्स के लिए, जो C ++, PHP आदि में लिखने के आदी हैं, इस फीचर की कमी है। प्रतिरूपकता को संरक्षित करने के लिए, बाह्य फ़ाइलों के कनेक्शन का उपयोग इस प्रकार करना प्रस्तावित है (सीएसएस में url (...) आयात करने के लिए इसी तरह काम करता है):

 window.include("url"[,mime/type]) 

जावास्क्रिप्ट: नाम स्थान और कक्षाएं

जावास्क्रिप्ट कोड अधिक से अधिक जटिल होता जा रहा है। एक पेज पर कई अलग-अलग पुस्तकालयों का उपयोग किया जा सकता है और वेब डेवलपर्स के लिए नामस्थान (साथ ही कक्षाएं) की अनुपस्थिति तेजी से परेशानी बन रही है। आप web-dev.info पर इस दृष्टिकोण की आवश्यकता के बारे में अधिक पढ़ सकते हैं।

सिंटैक्स <कोड> तत्वों के लिए हाइलाइटिंग

इस तथ्य को देखते हुए कि ब्राउज़र में पहले से ही HTML, JS और CSS पार्सर हैं, जावास्क्रिप्ट का उपयोग करके क्लाइंट-साइड कोड को पार्स करने की आवश्यकता के बिना देशी सिंटैक्स हाइलाइटिंग समर्थन के लिए अच्छा होगा। इसके साथ शुरू करने के लिए, उपरोक्त भाषाएँ पर्याप्त होंगी, दूसरों को उपयुक्त CSS से जोड़कर जोड़ा जा सकता है।

हैबर उपयोगकर्ताओं ने संभवतः स्थानीय संपादक द्वारा उपयोग किए जाने वाले <स्रोत> टैग के साथ तुरंत एनालॉग्स को आकर्षित किया, जिसे इस मामले में समाप्त किया जा सकता है।

 <source lang=""></surce>    ( : bash, cpp, cs, xml, html, java, javascript, lisp, lua, php, perl, python, ruby, sql, scala, tex). 

आप यहां बग सूची के रूप में डेवलपर्स से और भी अधिक विचार देख सकते हैं।
एचटीएमएल.नेक्स्ट में आप जो उचित समझेंगे, उसके बारे में हम अपने विचार लिख रहे हैं।