Եվ երբ օգտագործել ARTICLE, ASIDE եւ DIV
Նոր HTML5 բաժինը կարող է մի փոքր շփոթեցնել: HTML- ի նախքան HTML5-ը կառուցելիս, հնարավոր է, որ դուք արդեն օգտագործում եք տարրը, ձեր էջերում կառուցվածքային ստորաբաժանումներ ստեղծելու եւ այնուհետեւ նրանց հետ էջերը ձեւավորելու համար: Այսպիսով, դա կարող է թվալ բնական բան, պարզապես փոխարինել ձեր առկա DIV տարրերը SECTION տարրերով: Բայց դա տեխնիկապես սխալ է: Այսպիսով, եթե դուք ոչ միայն փոխեք DIV տարրերը SECTION- ի տարրերով, ինչպես եք դրանք ճիշտ օգտագործել:
Բաժինը Element է Semantic Element
Առաջին բանը հասկանալն այն է, որ հատվածի տարրը սիմվանտային տարր է: Սա նշանակում է, որ այն նշանակություն է տալիս ինչպես օգտագործող գործակալներին, այնպես էլ մարդկանցին, այն մասին, թե ինչն է փակված բովանդակությունը, մասնավորապես, փաստաթղթի բաժինը:
Սա կարող է թվալ ընդհանուր ընդհանուր իմաստաբանական նկարագրություն, եւ դա այն պատճառով, որ այն կա: Կա HTML5 տարրեր , որոնք ավելի բովանդակալից տարբերակ են տալիս ձեր բովանդակությանը, որը դուք պետք է օգտագործեք նախքան օգտագործեք SECTION տարրը.
- ՀՈԴՎԱԾ
- ASIDE- ը
- NAV- ը
Երբ օգտագործեք հատվածի տարրը
Օգտագործեք ARTICLE տարրը, երբ բովանդակությունն ինքնուրույն է, որը կարող է կայանալ միայնակ եւ սինդիկացված լինել հոդվածի կամ բլոգի գրառման մեջ: Օգտագործեք ASIDE տարրը, երբ բովանդակությունն ուղղակիորեն կապված է էջի բովանդակության կամ կայքի ինքնաբավության հետ, ինչպիսիք են կողմնացույցերը, նկարագրությունները, ծանոթագրությունները կամ կայքի հետ կապված տեղեկությունները: Օգտագործեք NAV տարրը նավարկության բովանդակության համար:
Բաժինը տարրական էական տարր է: Դուք օգտագործում եք այն ժամանակ, երբ մյուս սիմվանտային տարրերի տարրերից որեւէ մեկը չի համապատասխանում: Դրա համար օգտագործում եք ձեր փաստաթղթի մասերը միավորելու միասնական միավորներ, որոնք կարող եք նկարագրել որպես առնչությամբ: Եթե դուք չեք կարող նկարագրել բաժանի տարրերը մեկ կամ երկու նախադասության մեջ, ապա հավանաբար չպետք է օգտագործեք տարրը:
Փոխարենը, դուք պետք է օգտագործեք DIV տարրը: HTML5- ի DIV տարրը ոչ սիմանդիկ կոնտեյներային տարր է: Եթե բովանդակությունը, որը փորձում եք միավորել, չունի իմաստալից իմաստ, բայց դեռ պետք է միավորել այն ոճավորելու համար, ապա DIV տարրը օգտագործելու համար համապատասխան տարր է:
Ինչպես է հատվածի տարրը աշխատում
Ձեր փաստաթղթի բաժինը կարող է հայտնվել որպես հոդվածների եւ ASIDE տարրերի արտաքին բեռնարկղ: Այն կարող է պարունակել նաեւ բովանդակություն, որը չի հանդիսանում ARTICLE կամ ASIDE- ի մաս: A SECTION- ի տարրը կարելի է գտնել նաեւ ARTICLE- ի, NAV- ի կամ ASIDE- ի ներսում: Դուք նույնիսկ կարող եք բաժանել բաժինները `նշելու, որ բովանդակության մեկ խումբ բովանդակության մեկ այլ բաժնի բաժին է, որը հոդվածի կամ ամբողջ էջի ամբողջություն է:
Բաժինի տարրը ստեղծում է նյութեր, փաստաթղթի գծապատկերում: Եվ որպես այդպիսին, դուք միշտ պետք է վերնագրի տարր (H1 - ից H6) որպես բաժնի մաս: Եթե չեք կարող բաժին բաժին հասնել, ապա կրկին DIV տարրը հավանաբար ավելի հարմար է: Հիշեք, եթե դուք չեք ցանկանում, որ էջի վերնագիրը հայտնվի էջում, դուք միշտ կարող եք դիմակավորել CSS- ով:
Երբ չօգտագործել հատվածի տարրը
Նախեւառաջ խորհուրդներից բացի օգտագործեք ավելի կոնկրետ սեմինիստական տարրեր, կա մի կոնկրետ տարածք, որը չպետք է օգտագործեք SECTION տարրը `միայն ոճով:
Այլ կերպ ասած, եթե այդ տեղը տեղադրելու միակ պատճառն այն է, որ CSS- ի ոճի հատկությունները կցես, ապա չպետք է օգտագործեք SECTION տարր: Գտեք սիմվանտ տարր կամ փոխարեն օգտագործեք DIV տարրը:
Ի վերջո դա հնարավոր չէ
Սխալ HTML գրելու դժվարությունը այն է, որ իմաստալից իմաստը կարող է բացարձակ անհեթեթություն լինել ձեզ համար: Եթե կարծում եք, որ դուք կարող եք արդարացնել ձեր փաստաթղթերում ձեր բաժնի տարրը, ապա այն պետք է օգտագործեք: Շատ օգտատերեր չեն հետաքրքրում եւ կցուցադրեն էջը, ինչպես դուք կարող եք ակնկալել, թե արդյոք դուք ձեւավորում եք DIV կամ SECTION:
Կարեւոր է դիզայներների համար, ովքեր սիրում են սիմվոլիկորեն ճիշտ, օգտագործելով SECTION տարրը semantically valid ձեւով: Դիզայներների համար, ովքեր պարզապես ուզում են իրենց էջերը աշխատել, դա այնքան էլ կարեւոր չէ: Կարծում եմ, որ գրավոր սիմվոլիկ վավեր HTML- ը լավ պրակտիկա է եւ պահպանում է էջերը ավելի ապագա-ապացուցված: Բայց վերջում դա ձեզն է: