पुरानो एचटीएमएल तत्वहरू र एचटीएमएल 5 मा ती नयाँ
जब यसको विकास धेरै वर्ष अघि शुरु भएको थियो, HTML5 पहिलो पटक वास्तवमा सामान्य डिजाइनमा 2010 मा वेब डिजाइनर / विकासकर्तासँग आउँथ्यो। गेटबाट दायाँ बाहिर, भाषा धेरै वेब प्रविधिको परिचित भयो किनभने खण्डबाट सबै चीज पुन: प्रयोग गर्न को लागी, HTML5 जो पहिले आउनु भएको थियो। एचटीएमएल 4.01 लाई थाहा छ जो कोहीलाई चाँडै फेला पर्यो कि त्यस संस्करणको एकदम बिट अब HTML5 मा फेला पार्न सकिन्छ।
एचटीएमएल 5 ले धेरै तत्वहरू समावेश गर्दछ जुन एचटीएमएलमा केही समयको लागि गरिएको छ, यो पनि तत्वहरूको एक मुट्ठी पनि सुरु भयो जुन HTML5 मा नयाँ थिए। यी धेरै नयाँ तत्वहरूको लागि, "cowpaths फेंक" भनिन्छ एक दृष्टिकोण प्रयोग गरिएको थियो। यो एक शब्द हो कि सामान्यतया आईटीमा प्रयोग गरी अनिवार्य रूप देखि प्रयोग गर्ने व्यक्तिहरू के मान्छे पहिले नै गर्दै छन् र यो गर्न को लागी प्रयोग गरिन्छ। वेब डिजाईजरहरूको अवस्थामा, यो उनीहरूले पहिले नै पृष्ठहरू निर्माण गर्दै थिए र ती गतिविधिहरूमा नयाँ तत्वहरूमा निर्णयहरू आधारमा हेर्नको अर्थ थियो। उदाहरणका लागि, धेरै वेब प्रविधिहरुले विभाजनका साथ वेबसाईट निर्माण गर्ने वा "हेडर", "फियरर" को क्लास गुणहरू, वा "गुणक" बनाउनेछन्। जस्तै, HTML5 ले यी नयाँ तत्वहरूको रूपमा प्रस्तुत गरे, वेब प्रविधिहरूले केवल विभाजनहरूको सट्टा समर्पित सेक्शनिंग तत्वहरू प्रयोग गरेर तिनीहरूको कागजातमा थप अर्थ थप्न अनुमति दिन्छ। परिचितता र यस दृष्टिकोणको यो संयोजन जसले हालैका अभ्यासहरू पहिचान गरेको HTML5 लाई वेब डिजाईन उद्योगले छिट्टै स्वीकार्न मद्दत गर्यो।
एचटीएमएल 5 डिप्टेप
पहिलो बन्द, कुनै पनि नयाँ एचटीएमएल 5 तत्वहरू प्रयोग गर्न, तपाईँको कागजातमा HTML5 प्रकार टाइप गर्नु पर्छ जुन निम्न हो:
तपाईंले ध्यान दिनुहुन्छ कि यस प्रकारको टाइप विशेष रूपमा "HTML5" उल्लेख गर्दैन, तर सट्टा संस्करण "html" को रूपमा मात्र बताउँछ। यो किनभने यो कमेन्ट भाषाको सबै पुनरावृत्तिका लागि फर्वार्ड प्रयोग गर्ने उद्देश्य हो।
वास्तवमा, एचटीएमएल 5 लाई भविष्यको निरन्तर आधारमा नयाँ परिवर्तनहरू थपिएको भाषाको अन्तिम संख्यामा संस्करण हुनु पर्छ। वास्तवमा, तल सूचीमा केही तत्वहरू 2010 मा प्रारम्भिक धक्का पछि राम्ररी भाषामा थपिएको छ!
HTML5 ट्यागहरू
ट्याग | स्पष्टीकरण |
---|---|
एंकर वा लिङ्क | |
abbr> | संक्षिप्त |
<ठेगाना> ठेगाना> | ठेगाना वा कागजातको लेखक |
<क्षेत्र> | क्लाइन्ट साइड छवि नक्शा |
<लेख> लेख> | लेख |
सान्दर्भिक सामग्री | |
<अडियो> अडियो> | अडियो स्ट्रिम |
b> | बोल्ड |
<आधार> | कागजातमा तत्वहरूको लागि आधार URI पथहरू |
bdo> | द्वि-दिशात्मक एल्गोरिदम |
blockquote> | लामो उद्धरण |
body> | पृष्ठको शरीर |
| रेखा ब्रेक |
<बटन> बटन> | एचटीएमएल फारम बटन |
गतिशील ग्राफिक्सका लागि क्यानभास | |
टिप्पणी | |
| तालिका क्याप्शन |
cite> | उद्धरण |
code> | कोड सन्दर्भ |
| तालिका स्तम्भ |
| तालिका स्तम्भ समूह |
<आदेश> | पृष्ठमा आदेश वा कार्य |
कागजात प्रकार परिभाषा | |
| डेटा ग्रिड |
अन्य नियन्त्रणहरूको लागि पूर्वनिर्धारित विकल्पहरू | |
| परिभाषा सूची वर्णन वा बहसको अवधि |
| मेटाईएको पाठ |
details> | अतिरिक्त माग जानकारी |
dfn> | परिभाषा |
<संवाद> संवाद> | कुराकानी |
div> | तार्किक विभाजन |
| विवरण सूची |
| परिभाषा सूची शब्द वा संवाद स्पिकर |
em> | जोड |
प्लगइनहरूका लागि इम्बेड गरिएको तत्व | |
फारम नियन्त्रण समूह | |
| क्याप्सन |
वैकल्पिक क्याप्शनको साथ चित्र | |
<फुटर> फुटर> | पृष्ठको फुटर |
<फारम> फारम> | फारम |
h1> | पहिलो स्तर शीर्षक |
h2> | दोस्रो तह शीर्षक |
h3> | तेस्रो तह शीर्षक |
h4> | चौथो स्तर शीर्षक |
h5> | पाँचौं स्तर शीर्षक |
h6> | छैटौं स्तर शीर्षक |
head> | कागजातको हेड |
<हेडर> हेडर> | पृष्ठको हेडर |
hgroup> | हेडिंग समूह |
| तेर्सो नियम |
html> | वेब पेजको रूट तत्व |
i> | इटालिक पाठ शैली |
इनलाइन फ्रेम | |
छवि | |
आगत फारम तत्व | |
<इनपुट प्रकार = "बटन"> | बटन फाराम तत्व |
<इनपुट प्रकार = "चेकबक्स"> | चेकबक्स फाराम तत्व |
<इनपुट प्रकार = "रंग"> | रंग इनपुट |
<इनपुट प्रकार = "मिति"> | मिति इनपुट |
<इनपुट प्रकार = "डेटाटाइम"> | ग्लोबल मिति र समय आगत |
<इनपुट प्रकार = "डेटाटाइम-स्थानीय"> | स्थानीय मिति र समय आगत |
<इनपुट प्रकार = "ईमेल"> | इ-मेल ठेगाना आगत |
<इनपुट प्रकार = "फाइल"> | फाइल अपलोड फाराम तत्व |
<इनपुट प्रकार = "लुकेको"> | लुकेको फारम क्षेत्र तत्व |
<इनपुट प्रकार = "छवि"> | छवि फाराम तत्व |
<इनपुट प्रकार = "महिना"> | वर्ष र महिना इनपुट |
<इनपुट प्रकार = "नम्बर"> | संख्या इनपुट |
<इनपुट प्रकार = "पासवर्ड"> | पासवर्ड फारम तत्व |
<इनपुट प्रकार = "रेडियो"> | रेडियो बटन फारम तत्व |
<इनपुट प्रकार = "दायरा"> | इन्टिक्स्स नम्बर आगत |
<इनपुट प्रकार = "रिसेट"> | रिसेट बटन फाराम तत्व |
<इनपुट प्रकार = "खोजी"> | खोज फिल्ड |
बटन फाराम तत्व पेश गर्नुहोस् | |
<इनपुट प्रकार = "tel"> | टेलिफोन नम्बर इनपुट |
<इनपुट प्रकार = "पाठ"> | पाठ फिल्ड फारम तत्व |
<इनपुट प्रकार = "समय"> | समय आगत |
<इनपुट प्रकार = "url"> | URL इनपुट |
<इनपुट प्रकार = "हप्ता"> | वर्ष र हप्ता इनपुट |
ins> | सम्मिलित पाठ |
kbd> | प्रयोगकर्ता द्वारा प्रविष्ट गरिएको पाठ |
| प्रमाणपत्र व्यवस्थापनको लागि सुरक्षित कुञ्जीहरू उत्पन्न गर्नुहोस् |
<लेबल> लेबल> | फारम लेबल |
<लेजेंन्ड> लेजेंन्ड> | फारम फिल्डसेट क्याप्शन |
| सूची वस्तु |
सम्बन्धित कागजातहरूको लिङ्क | |
| पृष्ठमा सामग्रीको मुख्य क्षेत्र |
<नक्सा> नक्सा> | क्लाइन्ट साइड छवि नक्शा |
<चिन्ह> चिन्ह> | चिन्हित वा हाइलाइट गरिएको पाठ |
<मेनु> menu> | आदेशहरूको सूची |
कागजातको बारेमा मेटा जानकारी | |
<मीटर> मीटर> | स्केलर गेज |
परिभाषित नेभिगेसन लिंकको साथ एक क्षेत्र हो | |
जब लिपिहरू उपलब्ध छैनन् सामग्री | |
गैर मानक वस्तु | |
| क्रमबद्ध वा क्रमांकित सूची |
चयन गरिएको सूचीमा विकल्पहरूको समूह | |
<विकल्प> विकल्प> | चयन गरिएको सूचीमा विकल्प |
<आउटपुट> आउटपुट> | फारम गणनाको परिणाम |
p> | अनुच्छेद |
वस्तु तत्वको परिमिति | |
pre> | पूर्व-ढाँचा पाठ |
<प्रगति> प्रगति> | प्रगति सूचक |
q> | छोटो इनलाइन उद्धरण |
रूबी कोष्ठक | |
रूबी पाठ | |
<रूबी> रूबी> | रूबी एनोटेशन |
s> | स्ट्राइकआउट पाठ |
samp> | नमूना उत्पादन |
<स्क्रिप्ट> लिपि> | लिपिहरू |
<खण्ड> सेक्शन> | पृष्ठको भाग |
<चयन> चयन> | चयन गर्नुहोस् वा ड्रप-डाउन मेनु सूचीहरू |
<सानो> सानो> | सानो फन्ट आकार |
<स्रोत> | मिडिया स्रोत |
span> | सामान्य इनलाइन शैली कन्टेनर |
strong> | बलियो जोड |