जुन्या HTML घटक आणि HTML5 मध्ये त्या नवीन समाविष्ट करणे
बर्याच वर्षांपूर्वीच त्याच्या विकासाची सुरुवात झाली होती, परंतु HTML5 प्रथम वेब डिज़ाइनर / विकासकांसह 2010 मध्ये खरोखरच वापरण्यास सुरुवात केली. गेट बाहेर, भाषा अनेक वेब व्यावसायिकांना परिचित वाटली कारण नेहमीच स्क्रॅचमधून सर्व गोष्टींचा शोध लावण्याऐवजी, HTML5 आधी जे घडले त्यावर बांधलेले एचटीएमएल 4.01 ची माहिती असणारे कोणीही त्वरित असे आढळले की ती आवृत्तीची थोडी थोडी HTML5 आता मिळू शकेल.
एचटीएमएल 5 मध्ये एचटीएमएलमध्ये थोडा वेळ एचटीएमएलमध्ये असणाऱ्या अनेक घटकांचा समावेश आहे, तर त्यात काही मूलभूत घटक आहेत ज्या HTML5 साठी नवीन आहेत. यातील बर्याच नवीन घटकांसाठी, "पोपट तयार करणे" या नावाचा एक दृष्टीकोन वापरण्यात आला होता. हे सामान्यतः आयटीमध्ये वापरले जाणारे एक शब्द आहे जे लोक आधीपासून काय करत आहेत हे पाहण्याकरता आणि असे करतात. वेब डिझायनर्सच्या बाबतीत, हे पहायचे होते की ते आधीच पृष्ठे कशी तयार करत आहेत आणि त्या क्रियाकलापांवर नवीन घटकांवर निर्णय आधारित आहेत. उदाहरणार्थ, बर्याच वेब व्यावसायिकांनी "शीर्षलेख", "नेव्ही", आणि "फूटर" च्या आयडी किंवा श्रेणीच्या वैशिष्ट्यांचा वापर करणार्या विभागांची वेबसाइट्स तयार करतील. म्हणूनच, HTML5 ने नवीन घटक म्हणून ही ओळख करून दिली, ज्यामुळे वेब प्रॉपर्टीज फक्त विभागांऐवजी समर्पित सेसेटिंग घटक वापरून त्यांचे दस्तऐवज अधिक अर्थ जोडण्यास मदत करू शकतात. परिचितपणाची आणि संवादाची ओळख पटवण्याच्या या संज्ञेने वेब डिझाइन उद्योगास त्वरित HTML5 स्वीकारणे शक्य झाले.
HTML5 Doctype
प्रथम बंद, कोणत्याही नवीन HTML5 घटकांचा वापर करण्यासाठी, आपल्या दस्तऐवजात HTML5 doctype समाविष्ट करणे आवश्यक आहे जे:
आपण असे पाहु शकते की या doctype विशेषत: "HTML5" असे उल्लेख करत नाही परंतु प्रत्यक्षात "एचटीएमएल" म्हणून ही आवृत्ती घोषित करते. याचे कारण असे की या भाषेच्या सर्व पुनरावृत्तीसाठी पुढे जाण्यासाठी वापरण्यात येणार आहे.
खरं तर, HTML5 भाषेचे अंतिम क्रमांकित आवृत्ती मानले जाते, नवीन बदल भविष्यात सुसंगतपणे जोडले जातात. किंबहुना, खालील यादीतील काही मूलभूत गोष्टी 2010 मध्ये प्रारंभिक पुश नंतर लगेचच भाषेत जोडली गेली आहेत!
HTML5 टॅग्ज
टॅग करा | स्पष्टीकरण |
---|---|
अँकर किंवा दुवा | |
abbr> | संक्षेप |
address> | दस्तऐवजाचा पत्ता किंवा लेखक |
क्लायंट-बाजूच्या प्रतिमा नकाशा | |
<लेख> article> | लेख |
स्पर्शिक सामग्री | |
ऑडिओ प्रवाह | |
b> | धीट |
| दस्तऐवजात घटकांसाठी बेस URI पथ |
| द्वि-दिशात्मक अल्गोरिदम |
blockquote> | दीर्घ उद्धरण |
body> | पृष्ठाचे शरीर |
| लाइन ब्रेक |
<बटण> button> | HTML फॉर्म बटण |
<कॅनव्हास> canvas> | गतिशील ग्राफिक्ससाठी कॅनव्हास |
टिप्पणी | |
<शीर्षक> caption> | टेबल कॅप्शन |
Cite> | उद्धरण |
code> | कोड संदर्भ |
| सारणी स्तंभ |
| सारणी स्तंभ गट |
<आदेश> | पृष्ठावर आदेश किंवा कृती |
दस्तऐवज प्रकार व्याख्या | |
<डेटाग्रिड> datagrid> | डेटा ग्रिड |
| इतर नियंत्रणासाठी पूर्वनिर्धारित पर्याय |
| परिभाषा सूची वर्णन किंवा प्रवचन कालावधी |
| हटवलेला मजकूर |
<तपशील> details> | अतिरिक्त ऑन-डिमांड माहिती |
dfn> | व्याख्या |
<संवाद> dialog> | संभाषण |
div> | तार्किक विभाग |
| वर्णन सूची |
| परिभाषा सूची संज्ञा किंवा संवाद स्पीकर |
em> | भर |
<एम्बेड> | प्लगइनसाठी एम्बेडेड घटक |
फॉर्म नियंत्रक गट | |
<कल्पना करा> figcaption> | |
पर्यायी मथळ्यासह आकृती | |
<फूटर> footer> | पृष्ठाचा तळटीप |
फॉर्म | |
h1> | प्रथम स्तर शीर्षलेख |
h2> | द्वितीय पातळीवरील मथळा |
h3> | तिसरी पातळीवरील मथळा |
h4> | चौथा पातळी मथळा |
h5> | पाचवी पातळी मथळा |
h6> | सहावी पातळी मथळा |
head> | दस्तऐवजाचा प्रमुख |
| पृष्ठाचे शीर्षलेख |
hgroup> | मथळा गट |
| क्षैतिज नियम |
html> | वेब पृष्ठाचा मूळ घटक |
i> | इटॅरिस्टिक मजकूर शैली |
इनलाइन फ्रेम | |
प्रतिमा | |
<इनपुट> | इनपुट फॉर्म घटक |
<इनपुट प्रकार = "बटण"> | बटन फॉर्म घटक |
<इनपुट प्रकार = "चेकबॉक्स"> | चेकबॉक्स फॉर्म घटक |
<इनपुट प्रकार = "रंग"> | रंग इनपुट |
<इनपुट प्रकार = "तारीख"> | तारीख इनपुट |
<इनपुट प्रकार = "datetime"> | जागतिक तारीख आणि वेळ इनपुट |
<इनपुट प्रकार = "datetime-local"> | स्थानिक तारीख आणि वेळ इनपुट |
<इनपुट प्रकार = "ईमेल"> | ईमेल पत्ता इनपुट |
<इनपुट प्रकार = "फाइल"> | फाइल अपलोड फॉर्म घटक |
<इनपुट प्रकार = "लपलेले"> | लपविलेले फॉर्म फिल्ड घटक |
<इनपुट प्रकार = "प्रतिमा"> | प्रतिमा फॉर्म घटक |
<इनपुट प्रकार = "महिना"> | वर्ष आणि महिना इनपुट |
<इनपुट प्रकार = "संख्या"> | संख्या इनपुट |
<इनपुट प्रकार = "संकेतशब्द"> | संकेतशब्द फॉर्म घटक |
<इनपुट प्रकार = "रेडिओ"> | रेडिओ बटण फॉर्म घटक |
<इनपुट प्रकार = "श्रेणी"> | अयोग्य संख्या इनपुट |
<इनपुट प्रकार = "रीसेट"> | बटण फॉर्म घटक रीसेट करा |
<इनपुट प्रकार = "शोध"> | शोध फील्ड |
<इनपुट प्रकार = "सबमिट करा"> | बटण फॉर्म घटक सबमिट करा |
<इनपुट प्रकार = "फोन"> | टेलिफोन नंबर इनपुट |
<इनपुट प्रकार = "मजकूर"> | मजकूर फील्ड फॉर्म घटक |
<इनपुट प्रकार = "वेळ"> | वेळ इनपुट |
<इनपुट प्रकार = "url"> | URL इनपुट |
<इनपुट प्रकार = "आठवडा"> | वर्ष आणि सप्ताह इनपुट |
ins> | घातलेला मजकूर |
kbd> | वापरकर्त्याद्वारे प्रविष्ट केलेला मजकूर |
| प्रमाणपत्र व्यवस्थापनासाठी सुरक्षित की व्युत्पन्न करा |
<लेबल> लेबल> | फॉर्म लेबल |
<लीजेंड> legend> | फॉर्म फील्ड्स कॅप्शन |
| सूची आयटम |
संबंधित दस्तऐवजांशी दुवा साधा | |
<मुख्य> main> | एका पृष्ठावर सामग्रीचे मुख्य क्षेत्र |
क्लायंट-बाजूच्या प्रतिमा नकाशा | |
mark> | चिन्हांकित किंवा हायलाइट केलेला मजकूर |
<मेनू> मेनू> | आदेशांची सूची |
दस्तऐवजाबद्दल मेटा माहिती | |
<मीटर> मीटर> | स्केलर गेज |
परिभाषित करा नेव्हीगेशन दुवे असलेली क्षेत्र | |
स्क्रिप्ट उपलब्ध नसताना सामग्री | |
गैर मानक ऑब्जेक्ट | |
| आदेश दिलेली किंवा क्रमांकित सूची |
एका निवडक सूचीमध्ये पर्यायांचा गट | |
<पर्याय> option> | एका निवडक यादीमध्ये पर्याय |
<आउटपुट> आउटपुट> | एक फॉर्म गणना परिणाम |
p> | परिच्छेद |
ऑब्जेक्ट घटकाचे मापदंड | |
<पूर्व> pre> | पूर्व-स्वरुपित मजकूर |
<प्रगती> progress> | प्रगती सूचक |
q> | लघु इनलाइन कोटेशन |
रुबी कंस | |
रुबी मजकूर | |
<रूबी> माणिक> | रुबी भाष्ये |
| स्ट्राइक आउट मजकूर |
<नमंबी> samp> | नमुना आउटपुट |