Un kad lietot ARTICLE, ASIDE un DIV
Jaunais elements HTML5 SECTION var būt nedaudz mulsinošs. Ja esat veidojis HTML dokumentus pirms HTML5, iespējams, ka jūs jau izmantojat šo elementu, lai izveidotu strukturālos sadalījumus savās lapās, un pēc tam stilīgi lapas ar tām. Tāpēc šķiet, ka dabiska lieta vienkārši aizstāt esošos DIV elementus ar SECTION elementiem. Bet tas ir tehniski nepareizi. Tātad, ja jūs ne tikai nomainīsiet DIV elementus ar SECTION elementiem, kā jūs tos pareizi izmantosit?
SECTION Element ir semantisks elements
Vispirms ir jāsaprot, ka SECTION elements ir semantisks elements. Tas nozīmē, ka gan lietotājiem, gan cilvēkiem ir nozīme tam, kāds ir pievienotais saturs, īpaši dokumenta sadaļa.
Tas var šķist ļoti vispārīgs semantisks apraksts, un tas ir tāpēc, ka tas ir. Ir arī citi HTML5 elementi, kas pirms satura SECTION lietošanas tiek izmantoti vispirms jūsu saturam vairāk semantiskas atšķirības:
- PANTS
- ASIDE
- NAV
Kad izmantot sadaļas elementu
Izmantojiet ARTICLE elementu, ja saturs ir neatkarīga vietnes daļa, kas var būt atsevišķa un sindicēta kā raksts vai emuāra ziņa. Izmantojiet ASIDE elementu, ja saturs ir tangenciāli saistīts vai nu ar lapas saturu, vai ar pašu vietni, piemēram, sānjoslas, piezīmes, zemsvītras piezīmes vai saistītās vietnes informācijas. Izmantojiet NAV elementu saturam, kas ir navigācija.
SECTION elements ir sugas semantisks elements. Jūs to lietojat, ja neviens no citiem semantikas konteinera elementiem nav piemērots. Jūs izmantojat to, lai apvienotu dokumenta daļas kopā atsevišķās vienībās, kuras jūs kaut kādā veidā varētu aprakstīt kā saistītas. Ja jūs nevarat aprakstīt elementus vienā vai divos teikumos sadaļā, tad jūs, iespējams, nedrīkstat izmantot šo elementu.
Tā vietā jums vajadzētu izmantot DIV elementu. HTML elementā DIV elements ir nesamānisks konteinera elements. Ja saturam, kuru mēģināt apvienot, nav semantiskas nozīmes, bet jums joprojām ir nepieciešams apvienot to ar stilu, tad DIV elements ir piemērots elements, kas jāizmanto.
Kā SEDZES ELEMENTS darbojas
Jūsu dokumenta sadaļa var tikt parādīta kā izstrādājumu un ASIDE elementu ārējā tvertne. Tas var saturēt arī saturu, kas nav daļa no ARTICLE vai ASIDE. SECTION elements var atrast arī ARTICLE, NAV vai ASIDE. Jūs pat varat piesaistīt sadaļas, lai norādītu, ka viena satura grupa ir citas satura grupas sadaļa, kas ir raksta sadaļa vai visa lapa kopumā.
SECTION elements rada priekšmetus dokumenta kontūrā. Kā tāda, sadaļā sadaļas vienmēr ir jābūt galvenes elementam (H1 līdz H6). Ja jūs nevarat nākt klajā ar sadaļas nosaukumu, atkal DIV elements, iespējams, ir piemērotāks. Atcerieties, ka, ja nevēlaties, lai sadaļas nosaukums tiktu parādīts lapā, jūs vienmēr varat to maskēt ar CSS.
Ja neizmanto SECTION elementu
Pirmkārt, papildus iepriekš minētajam, lai izmantotu konkrētākos semantikas elementus, ir viena noteikta joma, kurā nedrīkst izmantot SECTION elementu: tikai stilam.
Citiem vārdiem sakot, ja vienīgais iemesls, kādēļ jūs ievietojat elementu šajā vietā, ir pievienot CSS stila rekvizītus, jums nevajadzētu izmantot SECTION elementu. Atrodiet semantisko elementu vai izmantojiet DIV elementu.
Galu galā tā var nebūt svarīga
Grūtības rakstīt semantisko HTML ir tas, kas man ir semantisks, jums var būt pilnīgi absurds. Ja jūs jūtaties, ka varat attaisnot SECTION elementa izmantošanu savos dokumentos, tad to vajadzētu izmantot. Lielākā daļa lietotāju aģentu nav parūpēsies un parādīs lapu, kā jūs varētu sagaidīt, vai jūs veidojat DIV vai SECTION.
Projektētājiem, kuri vēlas būt semantiski pareizi, svarīgs ir SECTION elementa izmantošana semantiski derīgā veidā. Projektētājiem, kuri vienkārši vēlas, lai viņu lapas darbotos, tas nav tik svarīgi. Es uzskatu, ka semantiski derīga HTML rakstīšana ir laba prakse, un lapas tiek turētas drošāk nākotnē. Bet galu galā tas ir atkarīgs no jums.