Dhe kur duhet përdorur ARTICLE, ASIDE dhe DIV
Elementi i ri HTML SECTION mund të jetë disi konfuze. Nëse keni ndërtuar dokumente HTML përpara HTML5, shanset janë që tashmë po e përdorni elementin për të krijuar ndarje strukturore brenda faqeve tuaja dhe pastaj stilojini faqet me ta. Pra, kjo mund të duket si një gjë e natyrshme për të zëvendësuar thjesht elementët tuaj ekzistues DIV me elementë SECTION. Por kjo është teknikisht e gabuar. Pra, nëse nuk i zëvendësoni vetëm elementët e DIV me elementë SECTION, si i përdorni ato saktë?
Elementi SECTION është një Element Semantik
Gjëja e parë që duhet kuptuar është se elementi SECTION është një element semantik . Kjo do të thotë se ajo siguron kuptim për të dy agjentët e përdoruesit dhe njerëzit për atë që përmbajtja e mbyllur është - në mënyrë specifike një pjesë e dokumentit.
Kjo mund të duket si një përshkrim shumë i përgjithshëm semantik dhe kjo për shkak se është. Ekzistojnë elementë të tjerë HTML5 që ofrojnë dallime më shumë semantike për përmbajtjen tuaj që duhet përdorur së pari para se të përdorni elementin SECTION:
- NENI
- mënjanë
- NAV
Kur duhet të përdorni elementin SECTION
Përdorni elementin ARTICLE kur përmbajtja është një pjesë e pavarur e faqes që mund të qëndrojë e vetme dhe të bashkohet si një artikull ose një blog. Përdor elementin ASIDE kur përmbajtja lidhet në mënyrë tangente me përmbajtjen e faqes ose vetë faqen, siç janë shiritat anësorë, shënimet, shënimet në fund të faqes ose informacionet e lidhura me vendndodhjen. Përdorni elementin NAV për përmbajtjen që është lundrimi.
Elementi SECTION është një element semantik i përgjithshëm. Ju e përdorni kur asnjë nga elementët e tjerë të kontejnerëve semantik nuk janë të përshtatshëm. Ju përdorni atë për të kombinuar pjesë të dokumentit tuaj së bashku në njësi të veçanta që ju mund të përshkruani si të lidhura në një farë mënyre. Nëse nuk mund t'i përshkruani elementet në seksionin në një ose dy fjali, atëherë ndoshta nuk duhet ta përdorni elementin.
Në vend të kësaj, duhet të përdorni elementin DIV. Elementi DIV në HTML5 është një element kontenier jo-semantik. Nëse përmbajtja që po përpiqeni të kombinoni nuk ka një kuptim semantik, por ju ende duhet ta kombinoni atë për styling, atëherë elementi DIV është elementi i duhur për t'u përdorur.
Si punon Seksioni i Seksionit
Një pjesë e dokumentit tuaj mund të shfaqet si enë e jashtme për artikujt dhe elementët ASIDE. Gjithashtu mund të përmbajë përmbajtje që nuk është pjesë e një ARTICLE ose ASIDE. Një element Seksioni mund të gjendet gjithashtu brenda një ARTICLE, NAV ose ASIDE. Ju mund të fikni edhe seksione për të treguar se një grup i përmbajtjes është një pjesë e një grupi tjetër të përmbajtjes që është një pjesë e një artikulli ose faqe në tërësi.
Elementi SECTION krijon artikuj brenda një skice të dokumentit. Dhe si i tillë, gjithmonë duhet të keni një element header (H1 deri H6) si pjesë e seksionit. Nëse nuk mund të dalësh me një titull për seksionin, atëherë përsëri elementi DIV është ndoshta më i përshtatshëm. Mos harroni, nëse nuk doni që titulli i seksionit të shfaqet në faqe, gjithmonë mund ta maskoni atë me CSS.
Kur mos përdorni elementin SECTION
Përtej këshillës së mësipërme për të përdorur elementet semantike më specifike, ekziston një zonë e caktuar që nuk duhet të përdorni elementin SECTION: vetëm për stilin.
Me fjalë të tjera, nëse e vetmja arsye që po vendosni një element në atë vend është t'i bashkëngjisni vetitë e stilit CSS, nuk duhet të përdorni elementin SECTION. Gjeni një element semantik ose përdorni elementin DIV në vend.
Në fund të fundit nuk mund të jetë çështje
Një vështirësi në të shkruar HTML semantike është se ajo që është semantike për mua mund të jetë absurditet absolut për ju. Nëse mendoni se mund të justifikoni përdorimin e elementit SECTION në dokumentet tuaja, atëherë ju duhet ta përdorni atë. Shumica e agjentëve të përdoruesit nuk kujdesen dhe do të shfaqin faqen si mund të prisni nëse e stiloni një DIV ose një Seks.
Për projektuesit që duan të jenë korrektë semantik, duke përdorur elementin SECTION në një mënyrë semantikisht të vlefshme është e rëndësishme. Për projektuesit që duan vetëm që faqet e tyre të punojnë, kjo nuk është aq e rëndësishme. Unë besoj se shkrimi i një HTML të vlefshëm semantik është një praktikë e mirë dhe i mban faqet më të sigurta në të ardhmen. Por në fund të fundit ju takon.