Հասկանալով HTML5 հատվածի տարրը
Երբ HTML5- ը մի քանի տարի առաջ բախվել է տեսարանին, այն ավելացրեց լանչի նոր հատվածի տարրեր, ներառյալ «ՍԵՄ» տարրը: HTML5- ի ներկայացրած նոր տարրերի մեծ մասը հստակ օգտագործում է: Օրինակ, էլեմենտը օգտագործվում է վեբ էջի հոդվածների եւ հիմնական մասերի սահմանման համար, տարրը օգտագործվում է էջի մնացած մասի համար ոչ կարեւոր առնչվող բովանդակություն սահմանելու համար, եւ վերնագիր, nav եւ ստորագիրը բավականին ինքնատիպ են: Նոր ավելացված հատվածը, սակայն, մի փոքր ավելի պարզ է:
Շատերը կարծում են, որ HTML- ի տարրերը SECTION- ը եւ իսկապես միեւնույն բանն են `ընդհանուր բեռնարկղային տարրեր, որոնք օգտագործվում են բովանդակություն պարունակող էջում: Իրականությունը, սակայն, այն է, որ այս երկու տարրերը, լինելով թե կոնտեյներային տարրեր, այլ բան են, բայց ընդհանուր: Կան կոնկրետ պատճառներ, որոնք օգտագործելու են ինչպես Սահմանի տարրը, այնպես էլ DIV տարրը, եւ այս հոդվածը բացատրում է այդ տարբերությունները:
Բաժիններ եւ Divs
SECTION- ի տարրը սահմանվում է որպես վեբ էջի կամ կայքէջի իմաստաբանական հատված, որը այլեւս առանձնահատուկ չէ (հոդված կամ մի կողմ): Ես հակված եմ օգտագործել այս տարրը, երբ ես նշում եմ էջի հստակ բաժինը `մի հատված, որը կարող է մեծապես տեղափոխվել եւ օգտագործել այլ էջերում կամ կայքի մասերում: Դա բովանդակության հստակ բովանդակություն է կամ բովանդակության «բաժին», եթե ցանկանում եք:
Ի տարբերություն, դուք օգտագործում եք DIV տարրը էջի մասերի համար, որոնք ցանկանում եք բաժանել, բայց այլ իմաստով, քան սեմինտիկայի համար : Ես կպարեմ բովանդակության ոլորտը բաժանման մեջ, եթե ես այդպես վարվեմ, որպեսզի CSS- ով օգտագործեմ «խողովակ»: Դա չի կարող լինել առարկայական բովանդակություն, որը հիմնված է իմաստաբանության վրա, բայց ինչ-որ բան ես թելադրում եմ, որպեսզի հասկացնեմ իմ էջը:
Բոլորը սեմանսիկայի մասին
Սա հասկանալի հասկացություն է, բայց միակ տարբերությունը DIV- ի տարրը եւ SECTION- ի տարրը սեմանտիկանն է: Այլ կերպ ասած, դա նշանակում է այն բաժինը, որը բաժանվում եք:
Ցանկացած բովանդակություն, որը պարունակում է DIV տարրի մեջ, չունի որեւէ նշանակություն: Այն լավագույնս օգտագործվում է նման բաների համար.
- CSS ոճերը եւ կախարդները CSS ոճերի համար
- Դիզայնի կոնտեյներներ
- JavaScript կեռիկներ
- HTML- ի բաժինները հեշտությամբ կարդալու համար
DIV- ի տարրը եղել է միակ տարրը, որը մենք ունեցել ենք կախոցներ ավելացնելով մեր փաստաթղթերի ոճը եւ ստեղծել սյուներ եւ հմայիչ դասավորություններ: Դրա շնորհիվ մենք ավարտվեցինք HTML- ի հետ, որը զուգորդված էր DIV- ի տարրերի հետ, ինչը կարող է վեբ դիզայներներ անվանել «divitis»: WYSIWYG- ի խմբագիրները, որոնք օգտագործում էին բացառապես DIV տարրը: Ես իրականում աշխատում եմ HTML- ով, որը օգտագործում է DIV տարրը, ոչ պարբերությունների համար:
HTML5- ով մենք կարող ենք սկսել բաժանիչ տարրեր օգտագործել ավելի շատ սիմպատիկ նկարագրական փաստաթղթեր (օգտագործման համար նավիգացիայի, նկարագրական գործիչների եւ այլն), ինչպես նաեւ սահմանել այդ տարրերի ոճերը:
Ինչ վերաբերում է SPAN Element- ին:
Այլ տարրը, որ շատերը մտածում են, երբ մտածում են DIV- ի տարրը: Այս տարրը, ինչպես DIV- ը, սեգանտային տարր չէ: Այն ներկառուցված տարր է, որը կարող եք օգտագործել կեռների ոճերի եւ սցենարների համար բովանդակության ներդիրների բլոկների (սովորաբար տեքստ) ավելացնելու համար: Այդ իմաստով այն նման է DIV- ի տարրին, այլ ոչ թե բլոկի տարրի, այլ ներդիրի: Որոշ առումներով, ավելի հեշտ է մտածել DIV- ի մասին, որպես արգելափակման մակարդակով SPAN տարր եւ օգտագործեք այն այնպես, ինչպես դուք կստանաք միայն HTML բովանդակության բլոկների համար:
HTML5- ում համեմատելի ներդիրի հատվածի տարր չկա:
Ավելի հին տարբերակները Internet Explorer- ի համար
Նույնիսկ եթե դուք աջակցում եք IE- ի կտրուկ հին տարբերակներին (ինչպես IE 8 եւ ավելի ցածր), որոնք չեն հստակորեն ճանաչում HTML5- ը, չպետք է վախենաք օգտագործել semantically correct HTML tags: Սեմիստրությունը կօգնեն ձեզ եւ ձեր թիմը ապագայում կառավարել էջը (քանի որ դուք գիտեք, որ այդ բաժինը հոդված է, եթե այն շրջապատված է ARTICLE տարրից): Բացի այդ, բրաուզերները, որոնք ճանաչում են այդ պիտակները, կպաշտպանեն նրանց:
Դուք դեռ կարող եք օգտվել HTML5 semantic sectioning տարրեր Internet Explorer- ի հետ, պարզապես անհրաժեշտ է ավելացնել սցենար եւ հնարավոր է մի քանի շրջակա DIV տարրեր, որպեսզի դրանք ճանաչեն HTML- ը որպես HTML:
Օգտագործելով DIV եւ հատվածի տարրերը
Եթե դրանք ճիշտ եք օգտագործում, կարող եք օգտագործել DIV եւ SECTION տարրերը համատեղելի HTML5 փաստաթղթում: Այս հոդվածում տեսել եք այստեղ, դուք օգտագործում եք SECTION տարրը, բովանդակության իմաստային հատվածները որոշելու համար, եւ դուք օգտագործում եք DIV տարրը CSS- ի եւ JavaScript- ի կեռներով, ինչպես նաեւ սահմանելով դասավորություն, որը չունի իմաստային իմաստ:
Իրական հոդվածը Ջենիֆեր Քրինինն է: Երեքշաբթի, 3/15/17 թ