Ներառյալ հին 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> | Նմուշի արտադրանքը |