एचटीएमएल बनाम एचटीएमएल5
एचटीएमएल5 मानक अंतिम रूप दिया गया और 2014 में जारी किया गया है, और यह जब पहला संस्करण वर्ष पहले शुरू किया गया था क्या एचटीएमएल किया जाना चाहिए था है। एचटीएमएल 2.0 पहला सच्चा ‘मानक’ था, जिसे 199 5 में वापस प्रकाशित किया गया था। दो साल बाद, एचटीएमएल 3 प्रकाशित हुआ था। दो साल बाद, एचटीएमएल 4.01 पेश किया गया था और तब से यह इंटरनेट का काम घोड़ा रहा है।
एचटीएमएल5 का पहला ‘काम चलाऊ प्रारूप’2008 में वापस पेश किया गया था, जिसमें आश्चर्यजनक रूप से व्यापक विचरक समर्थन था। एचटीएमएल5 जो हम आज जानते हैं वह अतीत के एचटीएमएल से व्यापक रूप से अलग है, और यहां हम चर्चा करने जा रहे हैं कि इसके रिहाई के साथ नवीनतम मानक क्या बदल गया है। चूंकि एचटीएमएल5 प्रक्षेपण किया गया था, इसे व्यापक रूप से स्वीकार कर लिया गया है और इसकी सभी सुविधाएं और क्षमताओं को अब सभी प्रमुख विचरक द्वारा समर्थित किया गया है। यहां अभी भी कुछ हिचकी हैं, लेकिन समग्र एचटीएमएल ने आधुनिक ऑनलाइन अनुभव के साथ अच्छी तरह से आत्मसात किया है।
एक वेब विकासक के रूप में , आप या तो पुराने समर्थक हो सकते हैं जिन्होंने पुराने मानकों को महारत हासिल कर लिया है या एक नौसिखिया उत्सुकता से नए मानकों के विकास को देख रहे हैं। किसी भी तरह से, आपको अंततः एचटीएमएल5 में संक्रमण शुरू करना होगा।
एचटीएमएल बनाम एचटीएमएल5 आलेख जानकारी
एचटीएमएल5 या सीखने के लिए पहला कदम पुराने मानक और नवीनतम के बीच का अंतर समझना है। एचटीएमएल और एचटीएमएल5 के बीच कुछ महत्वपूर्ण अंतर यहां दिए गए हैं:
1.एचटीएमएल5 एक जीवित भाषा है
एचटीएमएल5 एक जीवित भाषा है, एक काम प्रगति पर है। एचटीएमएल5 क्या कर सकता है यह देखना आश्चर्यजनक है, लेकिन यह जानना भी महत्वपूर्ण है कि एचटीएमएल5 एचटीएमएल 4 का पूर्ण मानकीकृत संस्करण नहीं है, जो कि दस साल से अधिक पुराना है और एक सेट मानक, अपरिवर्तनीय है।
अगर आप एचटीएमएल5 में शामिल हो रहे हैं, तो आपको कुछ अद्यतन करना होगा। गुण और तत्व जोड़े जाते हैं और नियमित रूप से हर साल संशोधित होते हैं। यह इस बात पर भी निर्भर करता है कि आप अमीर तत्वों का कितना उपयोग करते हैं, लेकिन यह निश्चित रूप से एक तरल पदार्थ का उपयोग करते समय शामिल जोखिमों में से एक है, एचटीएमएल5 जैसी भाषा बदल रहा है।
2.एचटीएमएल5 आसान है
जबकि एचटीएमएल5 में स्थिर अद्यतन की तरह जोखिम है, एचटीएमएल4 की तुलना में सरल वाक्यविन्यास की वजह से बदलावों और अपडेटों को जारी रखना आम तौर पर आसान होता है। उदाहरण के लिए, पृष्ठ की शुरुआत में इसे एक एचटीएमएल पृष्ठ के रूप में सेट करने के लिए आपके पास एक बहुत ही सरल घोषणा है:
<! डॉक्टरेट एचटीएमएल>
सरल डॉक्टरेट घोषणा एचटीएमएल वाक्य-रचना में किए गए सरलीकरणों में से एक है, जो एचटीएमएल4 के सभी संस्करणों और सभी तरह से एक्सएचटीएमएल 1 पर संगत है। हालांकि, एचटीएमएल5 एसजीएमएल के साथ संगत नहीं है।
3. नया <चित्रफलक> मूलवस्तु
एचटीएमएल5 कई नए तत्वों के साथ आता है और कई अन्य लोगों को समाप्त करता है (जिसे हम थोड़ी देर में कवर करेंगे), लेकिन इसके प्रमुख जोड़े गए तत्वों में से एक <चित्रफलक> है, जिसने वेबसाइटों में एडोब फ्लैश के उपयोग पर काफी प्रभाव डाला है । हालांकि चमक अभी भी कई वेबसाइटों द्वारा उपयोग में है, एचटीएमएल 5 को कई लोगों को अपनाया गया है और बहुत से लोग सोचते हैं कि यह अंततः फ्लैश अप्रचलित कर देगा। केवल समय ही तय करेगा; तब तक, एचटीएमएल5 के कैस्केड तत्व ने खुद को फ़्लैश के लिए एक अच्छा विकल्प साबित कर दिया है।
< चित्रफलक > तत्व का उपयोग पटकथा, आमतौर पर जावास्क्रिप्ट के माध्यम से विभिन्न आकारों और रंगों के साथ ग्राफिक्स को आकर्षित करने के लिए किया जा सकता है । तत्व ग्राफिक्स के लिए बस एक पात्र है; ग्राफिक्स को परिभाषित करने के लिए आपको एक आलेख का उपयोग करने की आवश्यकता है। चूक रूप से, चित्रफलक एक आयताकार क्षेत्र होता है जिसमें कोई सामग्री या सीमा नहीं होती है। बाजार ऐसा है:
<canvas id=”myCanvas” width=”200″ height=”100″></canvas>
चित्रफलक आकार को परिभाषित करने के लिए एक आईडी विशेषता के साथ ही चौड़ाई और ऊंचाई निर्दिष्ट करना महत्वपूर्ण है। आप सीमाओं को परिभाषित करने के लिए एक शैली विशेषता जोड़ सकते हैं।
<canvas id=”myCanvas” width=”200″ height=”100″ style=”border:1px solid #000000;”>
</canvas>
आप निम्नलिखित उदाहरण की तरह जावास्क्रिप्ट का भी उपयोग कर सकते हैं :
var c = document.getElementById (“myचित्रफलक”);
var ctx = c.getContext (“2d”);
ctx.fillStyle = “# FF0000”;
ctx.fillRect (0,0,150,75);
4.नया < शीर्ष लेख > और < पादलेख > मूलवस्तु
एचटीएमएल5 के साथ आता है एक और बड़ा जोड़ा नया <हेडर> और <पाद लेख> तत्व हैं, जो एक नया वेब शरीर रचना दर्शाता है। इन नए टैग के साथ,
टैग वाले दो तत्वों की पहचान करने की आवश्यकता नहीं है।
विनिर्देश शीर्ष लेख तत्व को ‘नेविगेशन’ या ‘प्रारंभिक’ एड्स के समूह का प्रतिनिधित्व करने के रूप में परिभाषित करते हैं। इस प्रकार, तत्व का उपयोग किसी पृष्ठ के किसी अनुभाग, या पूरे पृष्ठ पर एक परिचय को परिभाषित करने के लिए किया जा सकता है। यहां एक कोड टुकड़ा है जो शीर्ष लेख तत्व का उपयोग करता है।
<header>
<h1>Title </h1>
<div class=”post-meta”>
<p>By Author</a> <span class=”category”>Filed in Web 2.0</span></p>
</div>
</header>
<article>
<p>Body of text</p>
</article>