html5 चा अर्थ काय? HTML5 म्हणजे काय आणि त्याबद्दल इतकी चर्चा का आहे? वेगवेगळ्या व्हिडिओ आणि ऑडिओ फॉरमॅटला सपोर्ट करते

लेखकाकडून: नमस्कार मित्रांनो! या लेखात मी तुम्हाला html5 बद्दल थोडेसे सांगू इच्छितो. html5 काय आहे आणि त्यात नवीन काय आहे ते सांगा. ते विकासकांना कोणत्या नवीन संधी प्रदान करते? HTML5 ही अतिशय व्यापक संकल्पना आहे. आणि काही तंत्रज्ञान ज्यांना HTML5 म्हटले जाते, सामान्यत: ते html5 नसून प्रथम गोष्टी आहेत...

पहिला HTML5 मानक आहे, जो W3C वेबसाइटवर स्थित एक दस्तऐवज आहे, जो सर्व नवीन टॅग, विशेषता, नवीन API आणि अनेक संबंधित दस्तऐवजांचे वर्णन करतो ज्यात काही अतिरिक्त तपशील आहेत, जसे की कॅनव्हाससाठी API.

दुसरे म्हणजे “मोठे”, मार्केटिंग, ट्रेंडी HTML5, नवीन तंत्रज्ञानाच्या संपूर्ण पिढीसाठी एक छत्री, ज्यामध्ये HTML5 तपशील आणि अनेक CSS3 मॉड्यूल, JavaScript साठी विविध API, आणि नवीन मानक JavaScript साठी - ECMAScript5.

चला काही पाहू महत्वाची वैशिष्टे html5:

हे सोपे आहे, अधिक साधी रचनापृष्ठावरील घटक, कोड तयार करणे आणि डीबग करणे सोपे करते.

ते देत मानक घटकमीडिया ऑब्जेक्ट्ससाठी ज्यांना पूर्वी स्वतंत्र प्लगइन स्थापित करणे आवश्यक होते जे सतत अद्यतनित केले जावे.

इंटरफेससह त्याचे स्वतःचे एकत्रीकरण आहे ज्याची आवश्यकता असू शकते आधुनिक अनुप्रयोग. एक उदाहरण म्हणजे भौगोलिक स्थान, जे ब्राउझरला वापरकर्त्याचे स्थान (त्याचे निर्देशांक) निर्धारित करण्यास अनुमती देते. पूर्वी, हे फक्त GPS द्वारे केले जाऊ शकत होते.

HTML5 तुम्हाला काय देते?

विकसकांसाठी, html5 स्पष्ट शब्दार्थ कोड लिहिण्यास मदत करते. तुम्हाला पृष्ठावरील अनेक प्रक्रिया तुमच्या स्वतःच्या सहाय्याने व्यवस्थापित करण्याची अनुमती देते मानक पद्धती, शिवाय javascript वापरूनकिंवा तृतीय पक्ष प्लगइन आणि सेवा. याचा अर्थ असा की काही क्रॉस-ब्राउझर सुसंगतता समस्यांचे निराकरण झाले आहे कारण ब्राउझर त्याच प्रकारे नवीन वैशिष्ट्ये लागू करतात.

html5 देखील करते सोयीस्कर कामऑनलाइन आणि साठी सामान्य वापरकर्ते. उदाहरणार्थ, कामाचा वेग वाढतो, ब्राउझरचा वापर अधिक सोयीस्कर होतो. YouTube वरून व्हिडिओ पाहण्यासाठी, तुम्हाला अतिरिक्त प्लगइन स्थापित करण्याची आणि त्यांना सतत अद्यतनित करण्याची आवश्यकता नाही.

HTML5 गोल

थोडक्यात, html5 चे उद्दिष्ट असे म्हटले जाऊ शकते:

साठी फ्लॅश सारखे प्लगइन काढून टाकणे सामान्य कार्येज्याची प्रत्येकाला गरज आहे. ऑडिओ, व्हिडिओ इत्यादी गोष्टींसाठी मूळ समर्थन तयार करा.

जावास्क्रिप्टची कमी गरज आणि अतिरिक्त कोड, नवीन html5 घटक वापरल्याबद्दल धन्यवाद.

ब्राउझर आणि उपकरणांमध्ये सुसंगतता सुनिश्चित करा.

हे सर्व शक्य तितके पारदर्शक बनवा.

HTML5 ची नवीन वैशिष्ट्ये

नवीन कार्यक्षमता html5 मध्ये बरेच काही आहे. आज सर्वात जास्त नवीनतम आवृत्त्या आधुनिक ब्राउझरसर्व html5 फंक्शन्सना पूर्णपणे समर्थन देते. म्हणून, या लेखात आम्ही फक्त html5 च्या मुख्य वैशिष्ट्यांचा विचार करू.

नवीन html5 घटक

नवीन html5 घटक तुम्हाला पृष्ठ मार्कअप जलद तयार करण्यास अनुमती देतात, ते सोपे, अधिक समजण्यायोग्य बनते आणि डीबगिंग प्रक्रिया सुलभ होते. येथे काही नवीन टॅग आहेत:

आणि

सर्व प्रकारच्या मेनूसाठी

साइडबार किंवा संबंधित सामग्रीसाठी

लेखांसाठी

जवळजवळ div प्रमाणेच

आणि टॅग तुम्हाला प्लगइनशिवाय व्हिडिओ प्ले करण्याची परवानगी देतात

मी पृष्ठावर काढण्यासाठी जावास्क्रिप्ट वापरतो

पृष्ठामध्ये बाह्य सामग्री घालण्यासाठी

नवीन टॅग दिसण्याबरोबरच, HTML5 मधील काही विद्यमान टॅग नवीन अर्थ घेतात. म्हणून, जर पूर्वी i आणि em (b आणि स्ट्राँग प्रमाणे) मधील निवड अनेकदा लहान लेखनाच्या बाजूने असेल, तर आज हे भिन्न शब्दार्थ भार असलेले टॅग आहेत, जरी ते तिरकस किंवा ठळक स्वरूपात समान सादरीकरण असले तरीही.

नवकल्पनांचा आणखी एक भाग थेट प्रवेशयोग्यतेच्या समस्यांशी संबंधित आहे: येथे, सर्व प्रथम, आम्ही बोलत आहोत aria आणि भूमिका गुणधर्मांबद्दल, जे तुम्हाला सामग्रीचा उद्देश आणि भूमिका चिन्हांकित करण्यास अनुमती देतात. ही माहिती नंतर, उदाहरणार्थ, स्क्रीन रीडर प्रोग्रामद्वारे वापरली जाऊ शकते.

असे म्हटले पाहिजे की प्रवेशयोग्यता सुनिश्चित करणे सर्वात जास्त नाही क्षुल्लक काम, आणि HTML5 जवळजवळ पहिल्यांदाच आहे की या समस्येवर इतके लक्ष दिले गेले आहे.

HTML5 चा आणखी एक फायदा म्हणजे त्यात प्रगत वैशिष्ट्ये आहेत API एकत्रीकरण. हे क्रॉस-ब्राउझर जावास्क्रिप्ट कोड लिहिणे सोपे करते जटिल अनुप्रयोग. त्यापैकी काही येथे आहेत:

ऑडिओ आणि व्हिडिओ तुम्हाला ब्राउझरमध्ये प्लगइनशिवाय व्हिडिओ प्ले करण्याची परवानगी देतात.

भौगोलिक स्थान: अभ्यागताचे स्थान निर्धारित करते.

ड्रॅग आणिड्रॉप: उदाहरणार्थ, फाइल ब्राउझरमध्ये ड्रॅग करून डाउनलोड करण्यासाठी.

ऍप्लिकेशन कॅशे: वेबसाइट्स ऑफलाइन उघडण्यासाठी समर्थन प्रदान करते.

वेब कामगार: JavaScript चालवते पार्श्वभूमी

सर्व्हरने इव्हेंट पाठवले: सर्व्हरला ब्राउझरमध्ये वेब पृष्ठे आधीच लोड केल्यावर अपडेट करण्याची अनुमती देते, AJAX आणि JavaScript पेक्षा सोपे आणि अधिक कार्यक्षम.

ऑफलाइन डेटा स्टोरेज: तुम्हाला कुकीजची पर्वा न करता ब्राउझरमध्ये स्थानिक पातळीवर डेटा स्टोअर करण्याची अनुमती देते

html5 वापरण्याची उदाहरणे

चला HTML5 कृतीत पाहूया! HTML5 तुम्हाला पृष्ठांसाठी नवीन, सोपे आणि क्लिनर मार्कअप तयार करण्यास अनुमती देते. कोड अधिक सामग्री-केंद्रित आणि वाचणे आणि समजणे सोपे होते. येथे साध्या html5 वेब पृष्ठाचे उदाहरण आहे:

पृष्ठ शीर्षक

नेव्ही लिंक 1

नेव्ही लिंक 2

नेव्ही लिंक 3

लेख शीर्षलेख

Etiam pretium odio eu mi convallis vitae varius neque pharetra. Nulla vestibulum nisi ut sem cursus sed mattis nisi egestas.

लेख उपशीर्षक

व्हेस्टिबुलम लेकस इराट, व्हॉलुटपॅट व्हेल डिग्निसिम एट, फ्रिंगिला युट फेलिस.

साइडबार सामग्री

तुमचे नाव येथे कॉपीराइट 2014. सर्व हक्क राखीव.

< ! doctype html > < html lang = "en" > < head > < meta charset = "utf-8" > < title > < / title > < meta name = "author" content = "" / > < meta name = "description" content = "" / > < link rel = "stylesheet" href = "assets/css/style.css" / > < ! -- [ if lt IE 9 ] > < ! [ endif ] -- > < / head > < body > < header > < h1 > < a href = "/" >पृष्ठ शीर्षक< / a > < / h1 > < nav > < ol > < li > < a href = "" >नेव्ही लिंक 1< / a > < / li > < li > < a href = "" >नेव्ही लिंक 2< / a > < / li > < li > < a href = "" >नेव्ही लिंक 3< / a > < / li > < / ol > < / nav > < / header > < article > < h1 >लेख शीर्षलेख< / h1 > < p >Etiam pretium odio eu mi convallis vitae varius neque pharetra. Nulla vestibulum nisi ut sem cursus sed mattis nisi egestas.< / p > < h2 >लेख उपशीर्षक< / h2 > < p >व्हेस्टिबुलम लॅकस इराट, व्हॉलुटपॅट व्हेल डिग्निसिम एट, फ्रिंगिला युट फेलिस.< / p >

"नवशिक्यांसाठी" विभागातील या लेखात, आम्ही सोप्या शब्दातचला पाचव्या आवृत्तीबद्दल बोलूया HTML भाषा, जे सध्या विकासाधीन आहे. तथापि, HTML5 अद्याप परिपूर्णतेपासून दूर आहे हे असूनही, त्याचे कार्यप्रदर्शन सर्वत्र आधीच ओळखले गेले आहे.

जसे तुम्हाला माहीत आहे, HTML ( हायपरटेक्स्ट मार्कअप भाषा) ही वेब पृष्ठ मार्कअप भाषा आहे. त्याचा मुख्य कार्य- वाचनीय सामग्रीच्या स्वरूपात नेटवर्कवर प्रसारित केलेल्या माहितीचे स्पष्टीकरण. एचटीएमएलद्वारे आपण इंटरनेट आज जसे आहे तसे पाहतो, म्हणजे. सुंदर, रंगीत आणि बहुआयामी. बरं, देखावा नवीन आवृत्तीएचटीएमएल निःसंशयपणे एक उत्कृष्ट घटना आहे जी अजूनही आहे बर्याच काळासाठीइंटरनेट समुदायाची मने उत्तेजित करेल.

चला, प्रथम, पाचव्या आवृत्ती आणि चौथ्या आवृत्तीमधील फरकांवर लक्ष देऊ - अर्थातच, शैक्षणिक सामग्रीच्या स्वरूपात बसण्यासाठी आम्ही हे थोडक्यात करू.

लक्षात घेण्यासारखी पहिली गोष्ट म्हणजे HTML4 90 च्या दशकाच्या उत्तरार्धात पूर्णपणे पूर्ण झाले आणि HTML5 वर काम तुलनेने अलीकडेच सुरू झाले - 2005 च्या आसपास. एचटीएमएलच्या नवीन आवृत्तीच्या विकासकांनी आज लोकप्रिय असलेल्या सर्व प्रकारच्या ब्राउझरसह नवीन उत्पादनाच्या सुसंगततेच्या मुद्द्यावर लक्ष केंद्रित केले - परिणामी, वेब पृष्ठे प्रदर्शित करण्याच्या बाबतीत कोणतेही क्रांतिकारक बदल झाले नाहीत, परंतु, दुसरीकडे, संभाव्य सामग्री प्रदर्शित करण्याच्या क्षमतेचा विस्तार करण्यात आला.

उदाहरणार्थ, HTML5 मध्ये तुम्ही निरीक्षण करू शकता एक निश्चित रक्कमनवीन घटक दिसू लागले आहेत विभाग, एनएव्ही, शीर्षलेख, लेख आणि तळटीप. लक्षात ठेवा की पूर्वी फक्त एकच घटक होता - div. मानक img, आता टॅगसह पूर्ण करा ऑडिओआणि व्हिडिओ. सर्वात महत्वाचे गुणधर्मांपैकी एक आयडीपूरक tabindexआणि पुनरावृत्ती. याव्यतिरिक्त, लांब-आउट-ऑफ-फॅशन घटक जसे की फॉन्ट, मध्यभागीआणि असेच.

मुख्य भर तंतोतंत भाषेच्या नवीन आवृत्ती आणि जुन्या ब्राउझरच्या इंजिनमधील विरोधाभासांच्या अनुपस्थितीवर दिला जात असल्याने, अशा दर्शकांना HTML5 मध्ये निर्दिष्ट केलेल्या प्रदर्शन नियमांकडे पूर्णपणे दुर्लक्ष करणे शक्य आहे, ज्याचा कोणत्याही प्रकारे गुणवत्तेवर परिणाम होत नाही. डाउनलोड केलेल्या सामग्रीचे व्हिज्युअलायझेशन.

आता HTML5 भाषेच्या संरचनेवर आणि मार्कअपवर थोडे लक्ष देऊ.

माहीत आहे म्हणून, जुनी आवृत्तीपूर्णपणे घटकावर अवलंबून आहे div. दुसऱ्या शब्दांत, साइडबारशी संबंधित सर्व काही नेव्हिगेशन बार, मेनू, विभाग इ. या घटकास तंतोतंत अधीनस्थ. HTML5 मध्ये दिसू लागले पर्यायी पर्याय, ज्याने, निःसंशयपणे, वेब पृष्ठाची रचना अधिक दृश्यमान आणि कार्यात्मक बनविली.

• शीर्षलेख (डोके सह गोंधळून जाऊ नये) - आपण केवळ पृष्ठ शीर्षकच नाही तर उपशीर्षके देखील सेट करू शकता;
• nav - घटक केवळ नेव्हिगेशन लिंक्ससाठी आहे, जे आहे सर्वोच्च पदवीसाइटवर इंट्रा-पेज नेव्हिगेशन तयार करण्यासाठी तसेच आंतर-पृष्ठ संक्रमणासाठी सोयीस्कर.
• विभाग - हा घटकएक विभाग म्हणून अर्थ लावला सामान्य वापर. समजा जेव्हा तुम्हाला मजकूराच्या पूर्वनिश्चित ब्लॉकमध्ये विशेष शीर्षक किंवा परिच्छेद सेट करण्याची आवश्यकता असेल तेव्हा ते वापरले जाऊ शकते.
• लेख - या घटकासह आपण पृष्ठावरील मजकूर सामग्रीचे स्वतंत्र झोन सेट करू शकता. उदाहरणार्थ, संग्रहणातून महत्त्वाची प्रकाशने हायलाइट करणे, वर्तमान बातम्या प्रसारित करणे, शेवटचे संदेशमंचावर इ. आणि असेच. याव्यतिरिक्त, लेख घटक देखील वापरले जाऊ शकते सामान्य पद्धती- म्हणजे पृष्ठाची संपूर्ण सामग्री निश्चित करा.
• फूटर हा पृष्ठाचा सर्वात खालचा घटक किंवा "विभागाचा अंतिम ब्लॉक" आहे. तळटीप म्हणून सादर केले. तेथे ठेवले जाऊ शकते माहिती संदेशवरील-प्रकाशित सामग्रीच्या संदर्भात (उदाहरणार्थ, कॉपीराइट्स), इ. गोष्टी.

आता ब्लॉक-स्तरीय घटकांशी संबंधित नवकल्पनांबद्दल काही शब्द. अशा अनेक नवकल्पना लक्षात आल्या आहेत:

• बाजूला - हा कंटेनर सहाय्यक मानल्या जाणाऱ्या सामग्रीसाठी वापरला जाऊ शकतो. उदाहरणार्थ, अवतरण, मुख्य कथनापासून विभक्त तळटीप, स्पष्टीकरणात्मक मजकूर असलेले स्तंभ इ.
• संवाद - एक कंटेनर जो तुम्हाला संवाद सुंदरपणे डिझाइन करण्यास अनुमती देतो.
• आकृती एक कंटेनर आहे जो आपल्याला कोणत्याही वर्णन करण्यास अनुमती देतो ग्राफिक प्रतिमामजकूर स्वाक्षरीसह.

मल्टीमीडिया घटकांबद्दल काही शब्द कसे आहेत?

तत्वतः, अशी अपेक्षा केली गेली आहे की असे घटक लवकर किंवा नंतर दिसून येतील - आणि आता, आज, आपल्याकडे आधीपासूनच आहे व्हिडिओआणि ऑडिओ. या नवोपक्रमाचे मुख्य उद्दिष्ट जवळचे एकत्रीकरण आहे मल्टीमीडिया सामग्रीवेब पृष्ठाच्या मुख्य भागासह.

दुसरा मुद्दा असा आहे की या घटकांसह वापरण्याची आवश्यकता नाही तृतीय पक्ष उत्पादने(प्लगइन) मल्टीमीडिया सामग्री पाहण्यासाठी आणि ऐकण्यासाठी.

परस्परसंवादाबद्दल, HTML5 देखील कर्जात राहिले नाही - नवीन घटक येथे देखील दिसू लागले. त्यापैकी काही येथे आहेत:

• तपशील - हा घटक पर्यायी माहिती पॅक करण्यासाठी वापरला जाऊ शकतो.
• datagrid - टेबल डेटा प्रदर्शित करण्यासाठी वापरले जाते. हे मानक सारण्यांपेक्षा वेगळे आहे की पृष्ठ अभ्यागत स्वतंत्रपणे माहितीचे प्रदर्शन नियंत्रित करू शकतो, उदा. टेबल काढा, स्तंभ हलवा इ.
• मेनू, कमांड - घटक जे थेट संबंधित आहेत व्हिज्युअल प्रतिनिधित्वसाइटवर सर्व मेनू उपलब्ध आहेत.

आणखी एक नवीनता म्हणजे मजकूर पातळीसाठी जबाबदार घटक. उदाहरणार्थ, नवीन आवृत्तीमध्ये तुम्ही मापदंड सेट करू शकता जसे की, म्हणा, प्रक्रियेची प्रगती ( प्रगती), डायनॅमिक टाइम डिस्प्ले ( वेळ), तारखा इ.

बरं, शेवटी, API शी संबंधित नवकल्पनांबद्दल काही शब्द!

तुमच्या नजरेत भरणारी पहिली गोष्ट म्हणजे विद्यमान DOM इंटरफेसचा विस्तार आणि त्यात भर घालणे नवीन API- ब्राउझरमध्ये डेटा संग्रहित केला जाऊ शकतो, ड्रॅग-अँड-ड्रॉप तंत्रज्ञान लागू केले गेले आहे, ऑनलाइन रेखाचित्र उपलब्ध झाले आहे, इ.

असे दिसते की आम्ही हे संपवू, कारण ... आमचे ध्येय फक्त नवशिक्या वेबमास्टरची ओळख करून देणे हे होते नवीन तंत्रज्ञानआणि कोणत्याही परिस्थितीत तुम्ही त्यावर तांत्रिक, पचायला अवघड माहिती ओव्हरलोड करू नये. जर तुम्हाला नवीन HTML5 भाषेच्या संरचनेत खरोखर स्वारस्य असेल आणि ते शिकण्यास तयार असाल तर तुम्ही सहजपणे गुगल करू शकता मोठी रक्कमउपयुक्त साहित्य!

seo काय आहे- एसइओचा परिचय seo अटी- SEO शी थेट संबंधित अटी आणि संकल्पनांचे विहंगावलोकन उपयुक्त अटी- SEO शी संबंधित अटी आणि संकल्पनांचे विहंगावलोकन

सुपर वेबमास्टर गुरूंसाठी हा लेख नाही. आणि अगदी नवशिक्या वेब डेव्हलपरसाठीही नाही. हा लेख पत्रकार आणि विश्लेषकांसाठी HTML5 बद्दल स्मरणपत्र म्हणून उद्देशून होता.

येथे पत्रकार, कॉपीरायटर आणि वेब डिझाईन क्षेत्रातील इतर गैर-तज्ञांना त्यांच्या महत्त्वाच्या प्रश्नांची उत्तरे मिळतील, ज्यांना कार्य करण्यासाठी HTML5 ची तत्त्वे माहित असणे आवश्यक आहे, परंतु त्यांना शोधण्याची संधी नाही. तांत्रिक तपशीलही अद्भुत भाषा वापरून.

हे विसरू नका की तथाकथित "डेमो एचटीएमएल" मध्ये HTML5 मध्ये काहीही साम्य नाही, उदाहरणार्थ, अनेक Google Doodles 2000 च्या सुरुवातीपासून DHTML - HTML 4 तंत्रज्ञान वापरतात.

HTML5 चा शोध का लागला?

नवीन प्रकारच्या ऍप्लिकेशन्सच्या दबावाखाली HTML4 सीमवर फुटत होते. बऱ्याच गोष्टी फक्त उपलब्ध नव्हत्या आणि प्लगइन आवश्यक होत्या Adobe प्रकारफ्लॅश किंवा मायक्रोसॉफ्ट सिल्व्हरलाइट. सर्व प्रकारच्या युक्त्या आणि युक्त्या वापरणे, गैर-मानक, कागदपत्र नसलेली तंत्रे वापरणे आवश्यक होते, जे पैसे कमविण्यासाठी तयार केलेल्या साइट्ससाठी फार विश्वासार्ह आधार नव्हते.

HTML5 ला किती ब्राउझर सपोर्ट करतात?

तुम्ही त्याकडे कसे पाहता ते अवलंबून आहे. जर आपण असे गृहीत धरले की HTML5 HTML4 पासून विकसित झाला आहे, तर सर्व ब्राउझर काही HTML5 गुणधर्मांना समर्थन देतात.

दुसरीकडे, जर तुम्हाला हे जाणून घ्यायचे असेल की कोणत्या ब्राउझरमध्ये HTML5 कोरचे सर्व गुणधर्म आहेत, तर काहीही नाही. ते सर्व तपशीलाचे काही भाग अंमलात आणतात (जे 700 पृष्ठांपेक्षा जास्त आहे), परंतु कोणीही एकाच वेळी सर्व गोष्टींना समर्थन देत नाही.

जर आपण सर्व गैर-आवश्यक गोष्टींकडे दुर्लक्ष केले, तर सर्व आधुनिक ब्राउझर HTML5 ला अंदाजे समान समर्थन देतात, जरी ते वेगवेगळ्या वेळी विशिष्ट गुणधर्मांसाठी समर्थन जोडतात.

HTML5 ची प्रेरक शक्ती कोण आहे?

हे सर्व 2004 मध्ये ऑपेरा येथे इयान हिक्सनच्या दिग्दर्शनाखाली सुरू झाले. हळूहळू इतर ब्राउझर सामील झाले. हिक्सनने Google साठी Opera सोडले, जिथे तो तपशीलावर काम करत आहे.

हे सांगणे योग्य आहे की ब्राउझर विक्रेते W3C आणि इतर अनेक संस्था आणि व्यक्तींप्रमाणेच तपशीलावर कामाचे समन्वय साधत आहेत. सर्वसाधारणपणे, प्रक्रिया वेब विकासकांच्या गरजेनुसार चालविली जाते.

HTML5 कोण वापरतो?

अनेक लोक आणि कंपन्या: बोस्टन ग्लोब वृत्तपत्र; नेशनवाइड बिल्डिंग सोसायटी, Yell.com आणि इतर शेकडो. HTML5gallery.com मध्ये HTML5 तंत्रज्ञान वापरणाऱ्या अनेक साइट्स आहेत.

HTML5 कधी पूर्ण होईल?

कदाचित 2012 मध्ये. किंवा कदाचित 2022 मध्ये. हे इतके महत्त्वाचे नाही, दुसरी गोष्ट महत्त्वाची आहे: हे आजच्या ब्राउझरद्वारे आधीच समर्थित आहे, आणि म्हणूनच, आज आपण ते वापरू शकतो.

आम्ही HTML5 वापरू शकत नाही कारण त्याचा विकास पूर्ण झाला नाही असे म्हणणे म्हणजे आम्ही रशियन बोलू शकत नाही कारण ते अद्याप विकसित होत आहे असे म्हणण्यासारखे आहे.

हे खरे आहे की HTML5 सह विसंगत आहे इंटरनेट एक्सप्लोरर?

पूर्ण मूर्खपणा. IE9 HTML5 चे समर्थन करते. जुने ब्राउझर वापरून काही API साठी समर्थन जोडू शकतात JavaScript तंत्रज्ञानपॉलीफिलिंग तसेच फ्लॅश प्लगइनआणि सिल्व्हरलाइट. IE च्या 9 पेक्षा कमी आवृत्त्यांमध्ये कॅनव्हास घटक योग्यरित्या कार्य करू शकत नाही. जुन्या ब्राउझरमधील समस्या बहुतेक धीमे JavaScript इंजिनमुळे आहे. जुन्या ब्राउझरमध्ये व्हिडिओ प्रदर्शित करण्यासाठी, तुम्ही फ्लॅश बॅकअप पर्याय वापरू शकता.

हे लक्षात घेण्यासारखे आहे की अनेक HTML5 वैशिष्ट्ये, जसे की सामग्री संपादन करण्यायोग्य विशेषता, जी वापरकर्त्याला ऑब्जेक्टमधील सामग्री संपादित करण्यास अनुमती देते, मायक्रोसॉफ्टने शोधून काढली होती आणि IE5 मध्ये समाविष्ट केली होती.

हे खरे आहे की HTML5 साठी डिझाइन केले आहे मोबाइल उपकरणे?

अजिबात नाही. HTML5 काही विकासाच्या तत्त्वांवर आधारित आहे, ज्यापैकी एक त्याचा व्यापक वापर सांगते:

"घटक सर्वव्यापी वापरासाठी डिझाइन केले पाहिजेत... घटकांनी, शक्य तितक्या प्रमाणात, प्लॅटफॉर्म, डिव्हाइसेस आणि मीडियावर कार्य केले पाहिजे."

दुसरीकडे, HTML5 ची वैशिष्ट्ये आहेत जी विशेषतः मोबाइल डिव्हाइसच्या वापराच्या प्रकाशात उपयुक्त आहेत. आम्ही "वास्तविक" HTML5 विचारात घेतल्यास, ते खूप उपयुक्त ठरेल, उदाहरणार्थ, ऍप्लिकेशन कॅशे ("Appcache") तंत्रज्ञान वापरून साइटसह ऑफलाइन कार्य करणे सुरू ठेवण्यासाठी.

आणखी एक फायदा म्हणजे एका कारणास्तव फ्लॅश वापरू शकत नसलेल्या डिव्हाइसेसवर ॲनिमेशन प्रदर्शित करण्यासाठी कॅनव्हास घटक वापरण्याची क्षमता.

जर आपण HTML5 चा “नवीन सुपर-वेब तंत्रज्ञान” या अर्थाने विचार केला तर भौगोलिक स्थान हा एक मोठा फायदा आहे.

HTML5 ते बदलेल का? Adobe Flash?

नाही - करून किमान, मला अशी आशा आहे. बर्याच वर्षांपासून, पृष्ठावर व्हिडिओ एम्बेड करण्यासाठी फ्लॅश हा एकमेव पर्याय राहिला. आता, HTML5 च्या आगमनाने, दोन्ही तंत्रज्ञानांमध्ये स्पर्धा आहे, जे विकसकांसाठी उत्तम आहे.

ऍपल समाविष्ट न करण्याचा निर्णय घेतला फ्लॅश समर्थनत्यांचे iOS साधने, जे HTML5 व्हिडिओला मोठी चालना देते. तथापि, हे लक्षात घेण्यासारखे आहे की iOS सर्वात जास्त नाही सर्वोत्तम व्यासपीठआणि HTML5 साठी.

कोणत्याही परिस्थितीत फ्लॅश एक उपयुक्त क्रॉस-ब्राउझर साधन आहे. शिवाय, तुम्हाला समजले पाहिजे की फ्लॅश फक्त व्हिडिओपेक्षा अधिक आहे. गेममध्ये वापरलेली त्याची काही साधी फंक्शन्स HTML5 कॅनव्हासद्वारे रोखली जातात आणि काही आदिम ॲनिमेशन ज्यासाठी ते पूर्वी वापरले गेले होते ते CSS3 मध्ये स्थलांतरित झाले. तथापि, गेम आणि कार्टूनमध्ये वापरल्या जाणाऱ्या उत्कृष्ट ॲनिमेशनच्या निर्मात्यांच्या सोयीच्या कारणांसाठी, अर्थातच, फ्लॅश वापरणे चांगले आहे, ज्यामध्ये बरेच काही आहे. वापरकर्ता अनुकूल इंटरफेस, जे विकासकांसाठी कामाचे अनेक क्षण सुलभ करते. कालांतराने, जेव्हा कॅनव्हाससह काम करण्यासाठी सोयीस्कर शेल विकसित केले जातात, तेव्हा हे बदलेल, परंतु आज नाही आणि उद्या नाही.

टिप्पण्या

एमेल्या
4 ऑक्टोबर 2011 रोजी रात्री 10:29 वा

html1 *थम्स अप*

ओल्गा उत्तर:
5 ऑक्टोबर 2011 रोजी सकाळी 11:26 वाजता

Wdtime.ru उत्तर:
20 फेब्रुवारी 2016 रोजी रात्री 10:32 वा

संपूर्ण यादी स्ट्रक्चरल टॅग HTML 5 - wdtime.ru/blog/strukturnye-tegi-html-5

मार्गारीटा
5 ऑक्टोबर 2011 दुपारी 2:01 वाजता

एमेल्या एक मूर्ख आहे, तुम्ही परीकथा वाचल्या नाहीत? :-डी

बॅगेल
25 नोव्हेंबर 2011 दुपारी 2:47 वाजता

हे खेदजनक आहे की काही वापरकर्ते ब्राउझर आहेत हे समजू शकत नाहीत चांगले इंटरनेटएक्सप्लोररा :(

ओल्गा उत्तर:
25 नोव्हेंबर 2011 दुपारी 4:03 वाजता

तसे, म्हणजे खूप चांगले अलीकडेनवीन वैशिष्ट्यांचे समर्थन करण्यात प्रगती केली. वरवर पाहता, विंडोज वापरकर्त्यांना ब्राउझरची निवड मिळाल्यानंतर त्यांनी त्यांचे डोके पकडले :-D

बेगल उत्तर:
25 नोव्हेंबर 2011 रोजी दुपारी 4:11 वा

HTML5 गेल्या काही वर्षांत सक्रियपणे विकसित केले गेले आहे. अभिनव हायपरटेक्स्ट मार्कअप लँग्वेजने वेबसाइट्सच्या डिझाइन आणि विकासाशी संबंधित सर्व समस्या आणि समस्या एकाच वेळी सोडवल्या पाहिजेत.

खरे आहे, शेवटच्या क्षणापर्यंत काम पूर्ण झाल्याबद्दल आणि यशस्वी निकालाच्या प्राप्तीबद्दल कोणतीही घोषणा नव्हती. HTML5 काय आहे हे चांगल्या प्रकारे समजून घेण्यासाठी, इतिहासाकडे परत जाणे आणि मागील शोधांच्या परिणामांचे विश्लेषण करणे उपयुक्त आहे परिपूर्ण कोड. अपूर्ण काम असूनही, अधिकाधिक HTML5 साइट दिसत आहेत.

HTML1 आणि HTML2

पहिल्या आवृत्त्या अतिशय अपूर्ण होत्या आणि त्या प्रमाणितही नव्हत्या. प्रत्येक डिझायनरने त्याला सर्वोत्तम वाटले म्हणून कोड लिहिले. त्यामुळे, साइट अनेकदा अपर्याप्तपणे प्रतिबिंबित होते वेगळे प्रकारब्राउझर त्यामुळे या भाषा फार लवकर सोडल्या गेल्या.

HTML3.0

तिसऱ्या आवृत्तीने आधीच एक विशिष्ट एकसमान स्वरूप प्राप्त केले आहे आणि सभ्य गुणवत्तेच्या वेबसाइट तयार करणे शक्य केले आहे. तथापि, गंभीर समस्या देखील होत्या. उदाहरणार्थ, HTML3 मध्ये, सर्व स्वरूपन आणि संरेखन पृष्ठ कोडमध्येच केले गेले.

पृष्ठामध्ये ग्राफिक्स आणि स्क्रिप्ट्स दोन्ही आहेत. यामुळे वेब पृष्ठांचे वजन मोठ्या प्रमाणात वाढले आणि साइट लोडिंग गंभीरपणे कमी झाले. हळूहळू, दर्जेदार वेबसाइटची कल्पना लक्षणीयरीत्या विस्तारली. अधिक संवादात्मकता आणि मीडिया क्षमता आवश्यक होत्या. इंटरनेट वापरकर्ते वेब प्रकल्पाच्या क्षमतेची अधिक मागणी करत आहेत.

HTML4.1

हा सर्वात परिपूर्ण पर्याय मानला जातो. सर्व अंतर्गत स्वरूपनकडे सादर केले होते कॅस्केडिंग टेबलएमएस वर्डमधील शैलींच्या तत्त्वावर कार्य करणाऱ्या शैली. याव्यतिरिक्त, टेबल स्वतःच पृष्ठांच्या बाहेर हलवण्याची आणि त्यांना स्वतंत्र निर्देशिकांमध्ये ठेवण्याची प्रथा होती. चा परिचय CSS क्रियाअनुपालनाकडे नेले देखावावेबमास्टरच्या कल्पनांनुसार ब्राउझरमधील पृष्ठे.

ग्राफिक आणि सॉफ्टवेअर घटक. या सर्वांमुळे कोड वजन आणि वेगवान साइट्समध्ये लक्षणीय घट झाली. लोकांना ही परिस्थिती आधीही आवडली होती आज त्यांच्यापैकी भरपूरसाइट्स विशेषतः HTML4.1 वर बनवल्या जातात.

XHTML आणि DHTML

साइट्स अधिक मानक आणि डायनॅमिक बनवण्याचा अत्यंत संशयास्पद प्रयत्न. कोडिंगची जटिलता आणि भाषेची अत्यधिक कठोरता या आवृत्त्यांचा व्यापक अवलंब करण्यात योगदान देत नाही.

HTML5 चे मूळ

दिसू लागले मोबाइल संगणक, स्क्रीन स्पर्श-संवेदनशील झाल्या आहेत. शिवाय, प्रत्येक निर्माता त्यांच्या डिव्हाइसवर स्थापित करतो ऑपरेटिंग सिस्टमस्वतःचा विकास. वापरकर्त्यांना संगणक केवळ इलेक्ट्रॉनिक टंकलेखन यंत्र म्हणून वापरण्याची सवय नाही तर मल्टीफंक्शनल मीडिया आणि मनोरंजन केंद्रे म्हणून वापरण्याची सवय आहे. इंटरनेटवरील व्हिडिओ टेलिफोनीद्वारे संप्रेषण ही एक व्यापक घटना बनली आहे.

त्यामुळे नवीन संहितेतून आधुनिक परिस्थिती आवश्यक होती.

सर्व प्रकारच्या ब्राउझरमध्ये क्रॉस-प्लॅटफॉर्म, एकसारखे प्रदर्शन सुनिश्चित करा.

साइट कोणत्याही उत्पादकाच्या डेस्कटॉप, स्मार्टफोन आणि टॅब्लेटवर तितकीच वाचनीय असावी.

साठी अनुकूलता स्पर्श नियंत्रणमोबाइल संगणकांसाठी.

फ्लॅश प्लेयर न वापरता व्हिडिओ प्ले करण्याची क्षमता. अनेक गोळ्या या तंत्रज्ञानाला अजिबात सपोर्ट करत नाहीत.

कागदपत्रे उघडण्याची क्षमता भिन्न स्वरूपशिवाय अतिरिक्त अनुप्रयोगजे आपल्या संगणकावर स्थापित करणे आवश्यक आहे.

वेबसाइट कामगिरी वाढवा. कशासाठी विशेषतः महत्वाचे आहे मोबाइल इंटरनेट, जे कमी गती प्रदान करते.

वेबसाइट डायनॅमिक आणि परस्परसंवादी बनवा. आधुनिक वापरकर्ताएखाद्या व्यक्तीप्रमाणेच इंटरनेट संसाधनासह संवाद साधू इच्छितो.

थोडक्यात, HTML5 ने वापरकर्त्यांची सर्वात अत्याधुनिक अभिरुची पूर्ण केली पाहिजे आणि विकसकांना सहजपणे उत्कृष्ट वेबसाइट तयार करण्याची अनुमती दिली पाहिजे.

सर्वात प्रगत आणि तयार करण्याचे प्रयत्न किती यशस्वी होतात मानक भाषाहायपरटेक्स्ट? अशा साइट्स खरोखर खूप काही करू शकतात. आपल्याकडे फ्लॅश प्लेयर नसल्यास, साइट स्वतःच हे समजते आणि आपल्याला व्हिडिओ पाहण्याची आणि त्याच्या क्षमतांचा वापर करून संगीत ऐकण्याची ऑफर देते.

HTML5 साइट्स प्रत्यक्षात खूप वेगवान झाल्या आहेत. संबंधित डायनॅमिक क्षमताआणि इंटरएक्टिव्हिटी, बहुतेक इंटरनेट वापरकर्त्यांना या सर्व आश्चर्यकारक गोष्टी आधीपासूनच अवचेतन स्तरावर वापरण्याची सवय आहे.

लोक फक्त सुविधा वापरतात आधुनिक तंत्रज्ञान, हे लक्षात न ठेवता की हे नेहमीच नसते. हे पूर्णपणे शक्य आहे की HTML5 चा प्रदीर्घ विकास कधीही संपणार नाही.

इंटरनेट आणि संगणक इतक्या झपाट्याने सुधारत आहेत की भविष्याचा अंदाज लावणे खूप कठीण आहे. कदाचित संगणक क्षमता दिसून येईल ज्याबद्दल आज कोणालाही शंका नाही. आज व्हॉइस डायलिंगमजकूर जवळजवळ एक चमत्कार वाटतो, आणि तरीही तज्ञांचा अंदाज आहे की अक्षरशः पाच वर्षांत कोणीही कीबोर्ड आणि माउस वापरणार नाही. कदाचित संगणक मानवी विचार वाचण्यास आणि त्याच्या इच्छा समजून घेण्यास शिकेल.

अनुवाद: व्लाड मर्झेविच

1. ही एक मोठी गोष्ट नाही.

तुम्ही विचारू शकता, "जर जुने ब्राउझर समर्थन देत नसतील तर मी HTML5 कसे वापरू शकतो?" खरे तर हा प्रश्न चुकीचा आहे. HTML5 ही एक मोठी गोष्ट नाही, ती एक संच आहे विविध शक्यता. तुम्ही "HTML5 समर्थित" लिहू शकत नाही कारण ते परस्परविरोधी आहे, परंतु तुम्ही काहींसाठी समर्थन परिभाषित करू शकता HTML तंत्रज्ञान 5, जसे की रेखाचित्र, व्हिडिओ आणि भौगोलिक स्थान.

तुम्ही HTML चा टॅग आणि अँगल ब्रॅकेट म्हणून विचार करू शकता. अर्थातच एक महत्त्वाचा भाग, पण सर्व नाही. हे कोन कंस JavaScript शी कसे संवाद साधतात हे HTML5 तपशील देखील निर्दिष्ट करते ऑब्जेक्ट मॉडेलदस्तऐवज (दस्तऐवज ऑब्जेक्ट मॉडेल, DOM). HTML5 फक्त टॅग परिभाषित करत नाही तर ते सर्व व्हिडिओ ऑब्जेक्ट्सबद्दल DOM ला देखील सांगते. तुम्ही ॲप्लिकेशन प्रोग्रामिंग इंटरफेस (API) वापरू शकता भिन्न व्हिडिओ फॉरमॅटला सपोर्ट करण्यासाठी, व्हिडिओ प्ले करा, तो थांबवा, आवाज म्यूट करा, फाइल डाउनलोड ट्रॅक करा आणि बरेच काही वापरकर्ता आणि टॅगमधील परस्परसंवादावर आधारित.

२. तुमच्याकडे जे आहे ते फेकून देण्याची गरज नाही

तुम्हाला ते आवडले किंवा नाही, तुम्ही हे नाकारू शकत नाही की HTML4 हे सर्वात यशस्वी मार्कअप स्वरूप आहे. HTML5 या नशिबावर आधारित आहे, त्यामुळे तुम्हाला विद्यमान मार्कअप टाकून पुन्हा शिकण्याची गरज नाही. तुमचा वेब ॲप्लिकेशन आज HTML4 मध्ये चालत असल्यास, तो HTML5, कालावधीमध्ये देखील चालेल.

येथे विशिष्ट उदाहरण: HTML5 सर्व फॉर्म घटकांना HTML4 म्हणून समर्थन देते आणि त्यात नवीन घटक देखील समाविष्ट आहेत. त्यापैकी काही, जसे की स्लाइडर आणि तारीख निवड, बर्याच काळापासून स्पष्ट आहेत, इतर इतके स्पष्ट नाहीत. उदाहरणार्थ, पत्ता प्रविष्ट करण्यासाठी फील्ड ईमेलहे एक सामान्य मजकूर फील्ड आहे, परंतु या फील्डसाठी आधुनिक ब्राउझर पत्ता टाइप करणे सोपे करतात. जुने ब्राउझर इनपुट type="email" ला समर्थन देत नाहीत, त्यामुळे ते एक नियमित मजकूर फील्ड दाखवतील आणि फॉर्म कोणत्याही अतिरिक्त युक्त्यांशिवाय कार्य करतील. काही वापरकर्ते अजूनही IE6 मध्ये अडकले असले तरीही हे तुम्हाला आज तुमचे फॉर्म सुधारण्यास अनुमती देते.

3. प्रारंभ करणे सोपे

HTML5 वर "अपग्रेड करणे" केले जाऊ शकते साधा बदल doctype घटक नेहमी कोणत्याही वेब पृष्ठाच्या कोडच्या पहिल्या ओळीवर ठेवला पाहिजे. मागील HTML आवृत्तीमी अनेक doctype पर्याय ओळखले आणि योग्य निवडणे सोपे नव्हते. HTML5 मध्ये फक्त एक doctype आहे:

doctype बदलल्याने विद्यमान लेआउट नष्ट होत नाही, कारण HTML4 मध्ये परिभाषित केलेले सर्व टॅग HTML5 मध्ये देखील समर्थित आहेत. याव्यतिरिक्त, तुम्ही , , आणि सारखे नवीन सिमेंटिक घटक वापरू शकता आणि योग्यरित्या वापरू शकता.

4. हे आधीच कार्यरत आहे

तुम्हाला चित्रे काढायची असतील, व्हिडिओ प्ले करायचे असतील, फॉर्मची कार्यक्षमता सुधारायची असेल किंवा ऑफलाइन वेब ॲप्लिकेशन तयार करायचे असेल, तुम्हाला दिसेल की HTML5 ब्राउझरद्वारे समर्थित आहे. फायरफॉक्स, सफारी, क्रोम आणि मोबाइल ब्राउझरटॅग, व्हिडिओ, भौगोलिक स्थान, सह कार्य करा स्थानिक स्टोरेजइ. Google मायक्रोडेटा भाष्य समजते. मायक्रोसॉफ्ट देखील, जे सामान्यतः मानकांपेक्षा मागे असते, HTML5 च्या मुख्य वैशिष्ट्यांचे समर्थन करते इंटरनेट ब्राउझरएक्सप्लोरर ९.

या पुस्तकाच्या सर्व विभागांमध्ये एक सुसंगतता सारणी आहे लोकप्रिय ब्राउझर. अधिक महत्त्वाचे म्हणजे, जुन्या ब्राउझरला समर्थन देण्यासाठी पर्यायांची चर्चा समाविष्ट केली आहे. HTML5 तंत्रज्ञान जसे की भौगोलिक स्थान आणि व्हिडिओ Gears किंवा Flash सारखे प्लगइन वापरून लागू केले गेले. इतर वैशिष्ट्ये, जसे की रेखाचित्र, JavaScript द्वारे अनुकरण केले जाऊ शकते. जुन्या आवृत्त्या न टाकता आधुनिक ब्राउझरची अंगभूत वैशिष्ट्ये कशी वापरायची हे हे पुस्तक तुम्हाला दाखवते.

5. तो आधीच इथे आहे

टिम बर्नर्स-ली यांनी शोध लावला विश्व व्यापी जाळेनव्वदच्या दशकाच्या सुरुवातीस. नंतर त्यांनी वेब मानके राखण्यासाठी W3C ची स्थापना केली, पंधरा वर्षांपेक्षा जास्त इतिहास असलेली संस्था. W3C ने जुलै 2009 मध्ये वेब मानकांच्या भविष्याबद्दल काय घोषणा केली ते येथे आहे:

व्यवस्थापनाने आज जाहीर केले की जेव्हा 2009 च्या शेवटी XHTML 2 वर्किंग ग्रुपचा चार्टर संपेल तेव्हा त्याचे नूतनीकरण केले जाणार नाही. संसाधने वाढवण्यासाठी हे केले जाते कार्यरत गट HTML द्वारे. W3C ला आशा आहे की यामुळे HTML5 च्या प्रगतीला गती मिळेल आणि HTML च्या भविष्याबाबत W3C ची स्थिती स्पष्ट होईल.

HTML5 येथे आहे. चला त्यात बुडी मारूया.