Ներառյալ հին HTML տարրերը եւ նորերը HTML5- ին
Թեեւ դրա զարգացումը սկսվել է դեռ շատ տարիներ առաջ, HTML5- ը, առաջին հերթին, 2010-ին սկսեց գործածել համացանցային դիզայներների / ծրագրավորողների հետ: Դրանից անմիջապես դուրս եկավ լեզուն, որը ծանոթ էր բազմաթիվ վեբ մասնագետների, քանի որ ամեն ինչ սկսեց զրոյից ջնջել, HTML5 կառուցվել է այն, ինչ նախկինում էր: Յուրաքանչյուր ոք, ով գիտեր HTML 4.01-ը, արագ հայտնաբերեց, որ այս տարբերակի մի փոքր մասը կարելի է գտնել HTML5- ում:
Թեեւ HTML5- ն ներառում է բազմաթիվ տարրեր, որոնք մի քանի օրվա ընթացքում HTML- ում են, այն նաեւ ներկայացրել է HTML5- ի համար նոր մի քանի տարրեր: Այս նոր տարրերից շատերի համար օգտագործվել է «կովակահրապարապատ տարածություն» կոչվող մոտեցումը: Սա տերմին է, որը սովորաբար օգտագործվում է ՏՏ-ում, ըստ էության, նշանակում է նայելու, թե ինչ են անում մարդիկ եւ անում են դա: Վեբ դիզայներների դեպքում դա նշանակում է, թե ինչպես են նրանք արդեն էջեր կառուցում եւ այդ գործողությունների վերաբերյալ նոր տարրերի վերաբերյալ որոշումներ կայացնել: Օրինակ, շատ վեբ մասնագետներ կկառուցեն կայքեր, որոնք օգտագործում են ID- ի կամ դասի հատկանիշները «header», «nav» եւ «footer»: Որպես այդպիսին, HTML5- ը դրանք ներկայացրեց որպես նոր տարրեր, որոնք թույլ են տալիս վեբ մասնագետներին իրենց փաստաթղթերին ավելի շատ իմաստ ավելացնել `պարզապես բաժանարարների փոխարեն օգտագործելով հատուկ հատվածային տարրեր: Ծանոթության այս համադրությունը եւ ներկա պրակտիկայի ճանաչված մոտեցումը նպաստել է HTML5- ին արագ ներգրավվել վեբ դիզայնի արդյունաբերության կողմից:
HTML5 Doctype- ը
Առաջին հերթին, ցանկացած նոր HTML5 տարր օգտագործելու համար ձեր փաստաթուղթը պետք է ներառի HTML5 doctype, որը հետեւյալն է.
Կարող եք նկատել, որ այս կոկտեյն առանձնակիորեն չի նշում "HTML5", այլ պարզապես պարզապես նշում է տարբերակը "html": Սա է պատճառը, որ այս doctype- ն այն է, ինչ նախատեսվում է օգտագործվել լեզուների բոլոր վերափոխումների համար:
Փաստորեն, HTML5- ը պետք է լինի լեզուի վերջին համարը, ապագայում հետեւողականորեն ավելացվող նոր փոփոխություններով: Փաստորեն, ստորեւ բերված ցանկի որոշ տարրեր ավելացվել են այն լեզվին, որ 2010 թ. Այդ նախնական հրումից հետո լավ է դառնում:
HTML5- ի թեգերը
| Tag | Բացատրություն |
|---|---|
| Անչորս կամ հղում | |
| abbr> | ԿԻՍՎԵԼ |
| <հասցե> հասցե> | Փաստաթղթի հասցեն կամ հեղինակները |
| <տարածք> | Հաճախորդի պատկերների քարտեզ |
| | Հոդված |
| Tangential բովանդակություն | |
| Աուդիո հոսք | |
| b> | Բարձրաձայն |
| <բազա> | Փաստաթղթի տարրերի URI ուղիները |
| bdo> | Երկկողմանի ալգորիթմ |
blockquote> | Երկար տառադարձություն |
| body> | Էջի էջը |
| | Line ընդմիջում |
| <կոճակը> կոճակը> | HTML ձեւի կոճակը |
| Կտավ դինամիկ գրաֆիկայի համար | |
| Մեկնաբանություն | |
| | Աղյուսակի վերնագիր |
| cite> | Մեջբերում |
code> | Կոդի հղում |
| | Աղյուսակ սյունակ |
| | Աղյուսակ սյունակի խմբավորում |
| <հրաման> | Էջում հրաման կամ գործողություն |
| Փաստաթղթի տիպի սահմանումը | |
| | Տվյալների ցանցը |
| Այլ ստուգումների նախնական տարբերակները | |
| | Սահմանման ցանկի նկարագրություն կամ դիսկուրսի ընդգրկույթ |
| | Ջնջված տեքստը |
| <մանրամասն> details> | Լրացուցիչ պահանջարկի տեղեկություններ |
| dfn> | Սահմանում |
| Զրույց | |
| div> | Տրամաբանական բաժանումը |
| Նկարագրման ցանկ |
| | Սահմանման ցանկի տերմին կամ երկխոսության խոսնակ |
| em> | Կարեւորում |
| Ներդրված տարրը կոնտակտների համար | |
| Ձեւերի վերահսկման խումբը | |
| | Նկարը օգտագործվում է |
| | Պատկեր `ըստ ընտրովի վերնագրի |
| Էջի ստորագիր | |
| Ձեւը | |
h1> | Առաջին մակարդակի վերնագիր |
h2> | Երկրորդ մակարդակի վերնագիր |
h3> | Երրորդ մակարդակի վերնագիր |
h4> | Չորրորդ մակարդակի վերնագիր |
h5> | Հինգերորդ մակարդակի վերնագիր |
h6> | Վեցերորդ մակարդակի վերնագիր |
| head> | Փաստաթղթի ղեկավար |
| | Էջի վերնագիր |
| hgroup> | Վերնագիր խումբ |
| | Հորիզոնական կանոն |
| html> | Վեբ էջի արմատը |
| i> | Տառատեսակի տեքստի ոճ |
| Ներդիրի շրջանակ | |
| | Պատկեր |
| Մուտք գործել տարրը | |
| Button ձեւի տարր | |
| Ստուգեք ձեւի տարրը | |
| <մուտքային տեսակը = "գույն"> | Գույնի ներածություն |
| Ամսաթիվ մուտքագրումը | |
| <մուտքային տեսակը = "datetime"> | Համաշխարհային ամսաթիվ եւ ժամի մուտքագրում |
| <մուտքային տեսակը = "datetime-local"> | Տեղի ամսաթիվ եւ ժամի մուտքագրում |
| Էլփոստի հասցեն մուտքագրեք | |
| Ֆայլի վերբեռնման ձեւի տարր | |
| <մուտքային տեսակը = "թաքնված"> | Թաքնված ձեւ դաշտի տարր |
| Image ձեւի տարր | |
| <մուտքային տեսակը = "ամիս"> | Տարվա եւ ամսվա մուտքագրում |
| <մուտքային տեսակը = "համարը"> | Միավորների մուտքագրում |
| <մուտքային տեսակը = "գաղտնաբառը"> | Գաղտնաբառի ձեւի տարր |
| <մուտքային տեսակը = "ռադիո"> | Ռադիո կոճակի ձեւը տարր |
| <մուտքային տեսակը = "ընդգրկույթը"> | Անհամապատասխան թվով մուտքագրում |
| Վերականգնել կոճակը ձեւի տարր | |
| Որոնման դաշտ | |
| Ներկայացրեք կոճակի ձեւի տարր | |
| Հեռախոսահամարի մուտքագրում | |
| Տեքստային դաշտի ձեւի տարր | |
| <մուտքային տեսակը = "ժամանակ"> | Ժամանակը մուտքագրված է |
| URL մուտքագրում | |
| Տարվա եւ շաբաթվա ներդրում | |
| ins> | Տեղադրված տեքստը |
| kbd> | Տեքստ մուտքագրելու համար օգտագործողի կողմից |
| | Ստեղծեք վկայագրերի կառավարման համար ապահով բանալիներ |
| Ձեւի պիտակը | |
| Ձեւի դաշտի վերնագիր | |
| | Ցանկի տարրը |
| <հղում> | Հղում դեպի հարակից փաստաթղթեր |
| | Բովանդակության հիմնական էջը էջում |
| Հաճախորդի պատկերների քարտեզ | |
| <նշում> mark> | Նշված կամ կարեւորեցված տեքստը |
| Հրամանների ցանկը | |
| Փաստաթղթի վերաբերյալ մետա տեղեկատվություն | |
| <մետրանոց> meter> | Scalar չափիչ |
| Սահմանել մի տարածք, նավիգացիոն հղումներով | |
| Բովանդակություն, երբ սցենարները մատչելի չեն | |
| Ոչ ստանդարտ օբյեկտ | |
| Պատվիրված կամ համարակալված ցուցակ |
| Ընտրվածների ցանկում խմբերի ընտրություն | |
| Ընտրանք ընտրացուցակում | |
| Ձեւի հաշվարկի արդյունք | |
| p> | Պարբերություն |
| Օբյեկտի տարրերի պարամետր | |
pre> | Նախնական ձեւաչափված տեքստը |
| Առաջադիմության ցուցանիշը | |
q> | Կարճ մեջբերված մեջբերում |
| Ruby փակագծերը | |
| Ռուբի տեքստը | |
| ruby> | Ruby ծանոթագրությունը |
| | Strikeout տեքստը |
| samp> | Նմուշի արտադրանքը |