Jaunais HTML5
SECTION elements 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, iespējams, šķiet, ka ir dabiska lieta, kas vienkārši aizvieto esošo
DIV elementi ar
SECTION elementi. Bet tas ir tehniski nepareizi. Tātad, ja ne tikai nomainīsiet
DIV elementi ar
SECTION elementi, kā jūs tos pareizi lietojat?
SECTION Element ir semantisks elements
Pirmā lieta, kas jāsaprot, ir tā, 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 izmantošanas vispirms jāizmanto semantikas atšķirības jūsu saturam
SECTION elements:
-
PANTS
-
ASIDE
-
NAV
Kad izmantot sadaļas elementu
Izmantojiet
PANTS elementu, ja saturs ir neatkarīga vietnes daļa, kas var būt patstāvīga un būt 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ānu joslas, piezīmes, zemsvītras piezīmes vai saistītās vietnes informācijas. Izmantojiet
NAV satura elements, kas ir navigācija.
The
SECTION elements ir vispārējs 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 elements The
DIV HTML5 elements ir nesamantisks konteinera elements. Ja saturam, kuru mēģināt apvienot, nav semantiskas nozīmes, bet jums joprojām ir nepieciešams to apvienot stilā, tad
DIV elements ir piemērots izmantošanas elements.
Kā SEDZES ELEMENTS darbojas
Jūsu dokumenta sadaļa var tikt parādīta kā izstrādājumu un dokumentu ārējā tvertne
ASIDE elementi. Tas var saturēt arī saturu, kas nav daļa no
PANTS vai
ASIDE. A
SECTION elementu var atrast arī iekšpusē
PANTS,
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ā.
The
SECTION elements rada priekšmetus dokumenta kontūrā. Un kā tādam, jums vienmēr ir jābūt galvenes elementam (
H1 cauri
H6) kā daļu no sadaļas. Ja jūs nevarat nākt klajā ar virsrakstu sadaļai, tad vēlreiz
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 zona, kurai nevajadzētu izmantot
SECTION elements: 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 elements Atrodiet semantisko elementu vai izmantojiet
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 jūs varat attaisnot izmantot
SECTION elementu savos dokumentos, tad jums tas jālieto. Lielākā daļa lietotāju aģenti rūpējas un parādīs lapu, kā jūs varētu sagaidīt, vai jūs stilā a
DIV vai a
SECTION.
Par dizaineriem, kas vēlas būt semantiski pareizi, izmantojot
SECTION elements semantiski derīgā veidā ir svarīgs. Projektētājiem, kuri vienkārši vēlas, lai viņu lapas darbotos, tas nav tik svarīgi. Mēs uzskatām, 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.
