137
HTML4 और HTML5 draft के बीच महत्वपूर्ण अंतर क्या हैं?एचटीएमएल 4 और एचटीएमएल 5 के बीच क्या महत्वपूर्ण अंतर है?
कृपया बदले गए वाक्यविन्यास से संबंधित उत्तर रखें और हटाए गए HTML तत्वों को हटाएं।
A
उत्तर
182
एचटीएमएल 5 में कई लक्ष्यों हैं जो इसे HTML4 से अलग करते हैं।
विकृत दस्तावेज़प्राथमिक एक हैंडलिंग में
संगति संगत, परिभाषित त्रुटि से निपटने है। जैसा कि आप जानते हैं, एचटीएमएल जानबूझकर 'टैग सूप' का समर्थन करता है, या विकृत कोड लिखने की क्षमता का समर्थन करता है और इसे वैध दस्तावेज़ में सही करता है। समस्या यह है कि ऐसा करने के नियम कहीं भी नहीं लिखे गए हैं। जब कोई नया ब्राउज़र विक्रेता बाजार में प्रवेश करना चाहता है, तो उन्हें केवल विभिन्न ब्राउज़रों (विशेष रूप से आईई) में विकृत दस्तावेजों का परीक्षण करना होगा और उनके त्रुटि प्रबंधन को रिवर्स-इंजीनियर करना होगा। यदि वे नहीं करते हैं, तो कई पेज सही तरीके से प्रदर्शित नहीं होंगे (अनुमान है कि नेट पर लगभग 9 0% पृष्ठ नेट पर कम से कम कुछ हद तक विकृत हैं)।
तो, एचटीएमएल 5 इस त्रुटि प्रबंधन को खोजने और कोड करने का प्रयास कर रहा है, ताकि ब्राउज़र डेवलपर्स सभी चीजों को लगातार प्रदर्शित करने के लिए आवश्यक समय और धन को मानकीकृत और बहुत कम कर सकें। साथ ही, एचटीएमएल की एक दस्तावेज़ प्रारूप के रूप में मृत्यु हो जाने के बाद भविष्य में, इतिहासकार अभी भी हमारे दस्तावेज़ों को पढ़ना चाहते हैं, और पूरी तरह से परिभाषित पार्सिंग एल्गोरिदम होने से बहुत मदद मिलेगी।
बेहतर वेब अनुप्रयोग सुविधाएँ
एचटीएमएल 5 के माध्यमिक लक्ष्य एक आवेदन मंच होने के लिए ब्राउज़र की क्षमता विकसित करने के लिए है, एचटीएमएल, सीएसएस, और जावास्क्रिप्ट के जरिए। कई तत्व सीधे उस भाषा में जोड़े गए हैं जो वर्तमान में (HTML4 में) फ़्लैश या जेएस-आधारित हैक्स, जैसे कि <canvas>, <video>, और <audio>।स्थानीय स्टोरेज जैसे उपयोगी सामान (एक जेएस-सुलभ ब्राउज़र-निर्मित कुंजी-मूल्य डेटाबेस, कुकीज़ को पकड़ने से परे जानकारी संग्रहीत करने के लिए), नए इनपुट प्रकार जैसे कि ब्राउज़र आसान यूजर इंटरफेस का पर्दाफाश कर सकता है (ताकि हम हमारे जेएस-आधारित कैलेंडर डेट-पिकर्स का उपयोग करने की ज़रूरत नहीं है), और ब्राउज़र-समर्थित फॉर्म सत्यापन डेवलपर्स के लिए वेब अनुप्रयोगों को अधिक सरल बना देगा, और उपयोगकर्ताओं के लिए उन्हें बहुत तेज़ बना देगा (क्योंकि कई चीजें मूल रूप से समर्थित होंगी, जावास्क्रिप्ट के माध्यम से हैक की बजाय)।
बेहतर तत्व शब्दार्थ
कई अन्य छोटे अब वास्तव में कुछ अलग मतलब इस तरह के मौजूदा तत्वों (<strong> और <em> के लिए बेहतर से परिभाषित अर्थ भूमिकाओं के रूप में एचटीएमएल 5 में हो रहे प्रयासों, कर रहे हैं, और यहां तक कि <b> और <i> अस्पष्ट अर्थ विज्ञान है कि अच्छी तरह से जब विरासत दस्तावेज को पार्स) और उपयोगी अर्थ विज्ञान के साथ नए तत्वों को जोड़ने काम करना चाहिए - <article>, <section>, <header>, <aside>, और <nav>, <div> एक वेब पेज पर इस्तेमाल किया रों के बहुमत को प्रतिस्थापित करना चाहिए अपने पृष्ठों में थोड़ा और अधिक अर्थ बनाने, लेकिन अधिक महत्वपूर्ण रूप से, पढ़ने के लिए आसान है। यह देखने के लिए कोई और दर्दनाक स्कैनिंग नहीं है कि यादृच्छिक </div> बंद हो रहा है - इसके बजाय आपके पास एक स्पष्ट </header>, या </article> होगा, जिससे आपके दस्तावेज़ की संरचना अधिक सहज हो जाएगी।
11
आप पूर्ण diff के लिए here जांचना चाहेंगे। लेकिन कई नए तत्व और तत्व गुण हैं। कुछ तत्व हटा दिए गए थे और दूसरों के पास पहले से अलग अर्थपूर्ण मूल्य है। एपीआई परिभाषित भी हैं, जैसे कि कैनवास का उपयोग, अगली पीढ़ी के वेब ऐप्स बनाने में सहायता के लिए और सुनिश्चित करें कि कार्यान्वयन मानक हैं।
41
Wikipedia से:
- न्यू पार्स नियम लचीला पार्स और अनुकूलता
- नए तत्व की ओर उन्मुख - अनुभाग, वीडियो, प्रगति, एनएवी, मीटर, समय, एक तरफ, कैनवास
- नए इनपुट के गुण - तिथियां और समय, ईमेल, यूआरएल
- नई विशेषताएं - पिंग, वर्णसेट, async
- वैश्विक गुण (जिसे प्रत्येक तत्व के लिए लागू किया जा सकता है) - आईडी, टैबिंडेक्स, पुनः पीट
- पदावनत तत्वों गिरा दिया - केन्द्र, फ़ॉन्ट, हड़ताल
0
एचटीएमएल 5 आपने अपने कोड में अर्थ मूल्य का एक बहुत जोड़ने देना आमंत्रित किया है। और भी, मल्टीमीडिया सामग्री एम्बेड करने के लिए मूल निवासी समाधान हैं।
शेष महत्वपूर्ण है, लेकिन यह अधिक तकनीकी चीनी है जो आपको क्लाइंट प्रोग्रामिंग भाषा के साथ एक ही सामान करने से बचाएगी।
3
आपको HTML5 elements and attributes की इस सूची में रुचि हो सकती है।
इसके अलावा, कृपया ध्यान दें कि यह "HTML 4" है, न कि "HTML4"। दरअसल, एचटीएमएल 5 के लिए, दोनों प्रकारों का उपयोग किया जाता है, लेकिन अर्थ में एक महत्वपूर्ण अंतर है। एचटीएमएल 5 डब्ल्यू 3 सी विनिर्देश के नाम को संदर्भित करता है, जबकि "एचटीएमएल 5" उन HTML फ़ाइलों का दस्तावेज़ प्रकार है जो text/html एमआईएम प्रकार है जो इस spec का पालन करता है। एक्सएचटीएमएल 5 बनाम एक्सएचटीएमएल 5 के लिए भी यही है।
+1
आपको लगता है कि एक्सएचटीएमएल 5 मौजूद है, जबकि यह मामला नहीं है। एक्सएचटीएमएल की नवीनतम डब्ल्यू 3 सी सिफारिश 1.1 है, और 2.0 ड्राफ्ट चरणों में है। –
+4
@ डेविड नदियों: यह अस्तित्व में है। [एक्सएचटीएमएल 5 एचटीएमएल 5 का एक्सएमएल क्रमबद्धता है] (http://mathiasbynens.be/notes/xhtml5)। –
+2
@ डेविड नदियों: वैसे, एक्सएचटीएमएल 2 ड्राफ्ट चरणों में अब नहीं है। यह [एचटीएमएल 5 के पक्ष में बंद कर दिया गया है] (http://www.w3.org/News/2009#item119)। –
10
एचटीएमएल 5 कई अनुप्रयोगों को प्रस्तुत करता है जो वेब अनुप्रयोग बनाने में मदद करते हैं। इन्हें अनुप्रयोगों के लिए पेश किए गए नए तत्वों के साथ एक साथ उपयोग किया जा सकता है:
- वीडियो और ऑडियो चलाने के लिए एक एपीआई जिसका उपयोग नए वीडियो और ऑडियो तत्वों के साथ किया जा सकता है।
- एक एपीआई जो ऑफलाइन वेब अनुप्रयोगों को सक्षम बनाता है।
- एक एपीआई जो वेब एप्लिकेशन को कुछ प्रोटोकॉल या मीडिया प्रकारों के लिए खुद को पंजीकृत करने की अनुमति देती है।
- एक नई वैश्विक
contenteditableविशेषता के साथ संयोजन में एक संपादन API। - विशेषता के साथ संयोजन में & ड्रॉप एपीआई खींचें।
- एक एपीआई जो इतिहास को उजागर करती है और बैक बटन को तोड़ने से रोकने के लिए पृष्ठों को इसमें जोड़ने की अनुमति देती है।
2
अब W3c अपनी साइट पर एक अधिकारी ने अंतर प्रदान करता है:
+0
दस्तावेज़ बहुत अधिक वर्बोज़ है। –
0
संक्षेप में यह बहुत सरल एचटीएमएल की तुलना में, लंबे समय से doctype निकाल दिया जाता है और यह भी केन्द्र और फ़ॉन्ट टैग हटा दिया जाता है। मैंने अपने ब्लॉग में इस अंतर का भी जवाब दिया: http://ravisinghblog.in/key-difference-between-html-and-html-5/
उत्तर संपादित करके टैग और वाक्यों को कुछ हाइलाइट करें। (यह सिर्फ एक सुझाव है क्योंकि जब मैं इसे पढ़ रहा था, तो उसने मुझे थका दिया।) –