HTML 4 और HTML 5 के बीच मुख्य अंतर क्या है?

Question

HTML4 और HTML5 ड्राफ्ट के बीच मुख्य अंतर क्या हैं ?

कृपया बदले हुए वाक्यविन्यास और जोड़े / हटाए गए HTML तत्वों से संबंधित उत्तर रखें।

Answer 1

HTML5 के कई लक्ष्य हैं जो इसे HTML4 से अलग करते हैं।

विकृत दस्तावेजों को संभालने में संगति

प्राथमिक एक सुसंगत, परिभाषित त्रुटि हैंडलिंग है । जैसा कि आप जानते हैं, HTML जानबूझकर 'टैग सूप', या विकृत कोड लिखने की क्षमता का समर्थन करता है और इसे एक वैध दस्तावेज़ में सही किया है। समस्या यह है कि ऐसा करने के नियम कहीं भी नीचे नहीं लिखे गए हैं। जब एक नया ब्राउज़र विक्रेता बाज़ार में प्रवेश करना चाहता है, तो उन्हें बस विभिन्न ब्राउज़रों (विशेष रूप से IE) में विकृत दस्तावेजों का परीक्षण करना होगा और अपनी त्रुटि से निपटने के लिए रिवर्स-इंजीनियर करना होगा। यदि वे नहीं करते हैं, तो कई पृष्ठ सही ढंग से प्रदर्शित नहीं होंगे (अनुमान है कि नेट पर लगभग 90% पृष्ठ कम से कम कुछ विकृत हैं)।

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

बेहतर वेब अनुप्रयोग सुविधाएँ

HTML5 का द्वितीयक लक्ष्य HTML, CSS और जावास्क्रिप्ट के माध्यम से ब्राउज़र की एक एप्लिकेशन प्लेटफ़ॉर्म होने की क्षमता विकसित करना है। कई तत्वों भाषा है कि वर्तमान में कर रहे हैं Flash या इस तरह के रूप जे एस आधारित हैक्स, (HTML4 में) करने के लिए सीधे जोड़ दिया गया है <canvas>, <video>और <audio>। लोकल स्टोरेज (जेएस-सुलभ ब्राउज़र-इन-की-वैल्यू-की-वैल्यू डेटाबेस, जो कि कुकीज को पकड़कर रख सकते हैं) से जुड़ी जानकारी के लिए उपयोगी चीजें, नए इनपुट प्रकार जैसे कि वह तारीख जिसके लिए ब्राउज़र आसान यूजर इंटरफेस को उजागर कर सकता है (ताकि हम हमारे js- आधारित कैलेंडर तिथि-बीनने वालों का उपयोग नहीं करना है), और ब्राउज़र-समर्थित फ़ॉर्म सत्यापन डेवलपर्स के लिए वेब एप्लिकेशन को बहुत सरल बना देगा, और उन्हें उपयोगकर्ताओं के लिए बहुत तेज़ बना देगा (क्योंकि कई चीजें मूल रूप से समर्थित होंगी, बजाय जावास्क्रिप्ट के माध्यम से काट दिया)।

बेहतर तत्व शब्दार्थ

इस तरह मौजूदा तत्वों के लिए बेहतर से परिभाषित अर्थ भूमिकाओं के रूप में एचटीएमएल 5 में हो रही कई अन्य छोटे प्रयासों, कर रहे हैं ( <strong>और <em>अब वास्तव में मतलब कुछ अलग, और यहां तक कि <b>और <i>अस्पष्ट अर्थ विज्ञान है कि अच्छी तरह से जब विरासत दस्तावेज को पार्स काम करना चाहिए है) और उपयोगी के साथ नए तत्वों को जोड़ने अर्थ विज्ञान - <article>, <section>, <header>, <aside>, और <nav>के बहुमत को प्रतिस्थापित करना चाहिए <div>एक वेब पेज पर इस्तेमाल किया है, अधिक महत्वपूर्ण बात अपने पृष्ठों में थोड़ा और अधिक अर्थ बनाने, लेकिन, पढ़ने में आसान । यह देखने के लिए कोई अधिक दर्दनाक स्कैनिंग नहीं है कि यादृच्छिक क्या </div>बंद हो रहा है - इसके बजाय आपके पास एक स्पष्ट </header>, या </article>, आपके दस्तावेज़ की संरचना को बहुत अधिक सहज बना देगा।

Comments

कृपया उत्तर को संपादित करके टैग और वाक्यों को कुछ हाइलाइट करें। (इसका सिर्फ एक सुझाव है क्योंकि जब मैं इसे पढ़ रहा था, इसने मुझे थका दिया।)

— मोहम्मद फैसल

Answer 2

से विकिपीडिया :

• नए पार्सिंग नियम लचीले पार्सिंग और अनुकूलता की ओर उन्मुख हैं
• नए तत्व - अनुभाग, वीडियो, प्रगति, नौसेना, मीटर, समय, एक तरफ, कैनवास
• नई इनपुट विशेषताएँ - दिनांक और समय, ईमेल, यूआरएल
• नई विशेषताएँ - पिंग, चारसेट, एसिंक्स
• वैश्विक विशेषताएँ (जो कि हर तत्व के लिए लागू की जा सकती हैं) - आईडी, टैबइंडेक्स, रिपीट
• पदावनत तत्वों को गिराया गया - केंद्र, फ़ॉन्ट, हड़ताल

Answer 3

आप HTML4 से HTML5 अंतरों की जाँच करना चाहेंगे : W3C वर्किंग ग्रुप नोट 9 दिसंबर 2014 को पूर्ण अंतर के लिए। कई नए तत्व और तत्व विशेषताएं हैं। कुछ तत्वों को हटा दिया गया था और अन्य में पहले की तुलना में अलग अर्थ मूल्य हैं।

एपीआई भी परिभाषित हैं, जैसे कि कैनवास का उपयोग, अगली पीढ़ी के वेब ऐप बनाने में मदद करने और सुनिश्चित करने के लिए कार्यान्वयन मानकीकृत हैं।

Answer 4

HTML5 ऐसे कई API का परिचय देता है जो वेब एप्लिकेशन बनाने में मदद करते हैं। इनका उपयोग अनुप्रयोगों के लिए पेश किए गए नए तत्वों के साथ किया जा सकता है:

• वीडियो और ऑडियो चलाने के लिए एक एपीआई जो नए वीडियो और ऑडियो तत्वों के साथ इस्तेमाल किया जा सकता है।
• एक एपीआई जो ऑफ़लाइन वेब अनुप्रयोगों को सक्षम करता है।
• एक एपीआई जो एक वेब एप्लिकेशन को कुछ प्रोटोकॉल या मीडिया प्रकारों के लिए खुद को पंजीकृत करने की अनुमति देता है।
• एक नई वैश्विक contenteditableविशेषता के साथ संयोजन में एक एडिटिंग एपीआई ।
• एक खींचें और ड्रॉप एपीआई एक draggableविशेषता के साथ संयोजन में ।
• एक एपीआई जो इतिहास को उजागर करता है और बैक बटन को तोड़ने से रोकने के लिए पृष्ठों को इसमें जोड़ने की अनुमति देता है।

Answer 5

आपको HTML5 तत्वों और विशेषताओं की इस सूची में रुचि हो सकती है ।

इसके अलावा, कृपया ध्यान दें कि यह "HTML 4" है, न कि "HTML4"। दरअसल, HTML 5 के लिए, दोनों वेरिएंट का उपयोग किया जाता है, लेकिन अर्थ में एक महत्वपूर्ण अंतर है। HTML 5 W3C विनिर्देशन के नाम को संदर्भित करता है, जबकि "HTML5" उन HTML फ़ाइलों का दस्तावेज़ प्रकार है, जो text/htmlMIME प्रकार के साथ हैं जो इस युक्ति का अनुसरण करते हैं। वही XHTML 5 बनाम XHTML5 के लिए जाता है।

Comments

आपको लगता है कि XHTML 5 मौजूद है, जबकि ऐसा नहीं है। XHTML की नवीनतम W3C अनुशंसा 1.1 है, और 2.0 मसौदा चरणों में है।

— डेविड रिवर

@ डेविड नदियाँ: इसका अस्तित्व है। XHTML5 HTML5 का XML क्रमांकन है ।

— मथियास ब्येनेंस

@ डेविड नदियाँ: वैसे, XHTML 2 अभी ड्राफ्ट के चरणों में नहीं है। इसे HTML5 के पक्ष में बंद कर दिया गया है ।

— मैथियास ब्यनेंस

धन्यवाद। मैंने अभी-अभी इसकी खोज की है और विश्वास नहीं कर पा रहा हूं कि मैं कितना लूप आउट हो गया हूं। यह एक मोटा साल रहा है!

— डेविड रिवर

Answer 6

अब W3c उनकी साइट पर एक आधिकारिक अंतर प्रदान करता है:

http://www.w3.org/TR/html5-diff/

Comments

दस्तावेज़ बहुत अधिक क्रिया है।

— हितेश साहू

Answer 7

HTML 5 आमंत्रित करता है कि आप अपने कोड में बहुत अधिक शब्दार्थ मान जोड़ते हैं। क्या अधिक है, मल्टीमीडिया सामग्री को एम्बेड करने के लिए मूल समाधान हैं।

बाकी महत्वपूर्ण है, लेकिन यह अधिक तकनीकी चीनी है जो आपको क्लाइंट प्रोग्रामिंग भाषा के साथ एक ही सामान करने से बचाएगा।

Answer 8

संक्षेप में, html की तुलना में यह बहुत सरल है, लंबे सिद्धांत को हटा दिया जाता है और केंद्र और फ़ॉन्ट टैग को भी हटा दिया जाता है। मैंने अपने ब्लॉग में इस अंतर का भी जवाब दिया: http://ravisinghblog.in/key-difference-between-html-and-html//