Kad jāizmanto elements HTML5 SECTION

click fraud protection

Jaunais HTML5 sadaļā elements var būt nedaudz mulsinošs. Ja HTML dokumentus esat veidojis pirms HTML5, iespējams, jūs jau izmantojat elementu, lai savās lapās izveidotu strukturālus sadalījumus un pēc tam veidotu lapas ar tiem. Tāpēc varētu šķist dabiski vienkārši aizstāt esošo DIV elementi ar sadaļā elementi. Bet tas ir tehniski nepareizi.

'Sadaļas' elements ir semantiskais elements

The IEDAĻA elements ir a semantisks elements; tas sniedz jēgu gan lietotāju aģentiem, gan cilvēkiem par to, kas ir pievienotais saturs - it īpaši dokumenta sadaļa.

Tas var šķist ļoti vispārīgs apraksts, un tas ir tāpēc, ka tas tā ir. Ir arī citi HTML5 elementi kas jūsu saturam sniedz vairāk semantisku atšķirību, kas vispirms jāizmanto pirms sadaļā elements:

  • Raksts
  • Malā
  • Nav

Kad lietot elementu 'sadaļa'

Izmantojiet rakstu elements, ja saturs ir neatkarīga vietnes daļa, kas var būt patstāvīga un sindicēta kā raksts vai emuāra ziņojums. Izmantojiet malā elements, ja saturs ir tangenciāli saistīts vai nu ar lapas saturu, vai ar pašu vietni, piemēram, sānjoslas, anotācijas, zemsvītras piezīmes vai saistīto vietnes informāciju. Izmantojiet

instagram viewer
nav elements saturam, kas atbalsta vietnes navigāciju.

The sadaļā elements ir vispārējs semantiskais elements. Izmantojiet to, ja neviens cits semantiskā konteinera elements nav piemērots. Tas apvieno jūsu dokumenta daļas atsevišķās vienībās, kuras jūs varat raksturot kā kaut kādā veidā saistītas. Ja jūs nevarat aprakstīt sadaļas elementus vienā vai divos teikumos, tad, iespējams, nevajadzētu izmantot elementu.

Tā vietā jums vajadzētu izmantot DIV elements. The DIV HTML5 elements ir nemantisks konteinera elements. Ja saturam, kuru mēģināt apvienot, nav semantiskas nozīmes, bet jums tas tomēr ir jāapvieno, lai veidotu stilu, tad DIV elements ir piemērotākais elements lietošanai.

Kā darbojas sadaļa Element

Jūsu dokumenta sadaļa var parādīties kā ārējais konteiners rakstiem un malā elementi. Tas var saturēt arī saturu, kas nav daļa no rakstu vai malā. A sadaļā elementu var atrast arī iekšpusē rakstu, navvai malā. Jūs pat varat ligzdot sadaļas, lai norādītu, ka viena satura grupa ir citas satura grupas sadaļa, kas ir raksta vai visas lapas sadaļa.

The sadaļā elements izveido vienumus dokumenta kontūrā. Tāpēc jums vienmēr ir jābūt galvenes elementam (H1 cauri H6) kā sadaļas daļu. Ja nevarat izdomāt sadaļas nosaukumu, DIV elements, iespējams, ir piemērotāks.

Ja nevēlaties, lai sadaļā tiktu parādīts sadaļas nosaukums, vienmēr varat to maskēt ar CSS.

Kad neizmantot elementu 'section'

Ir viens mērķis, kuram nevajadzētu izmantot sadaļā elements: tikai stilam.

Citiem vārdiem sakot, ja vienīgais iemesls, kāpēc jūs ievietojat elementu šajā vietā, ir piestiprināšana CSS stils īpašības, jums nevajadzētu izmantot a sadaļā elements. Atrodi semantiskais elements vai izmantojiet DIV tā vietā.

Galu galā tam var nebūt nozīmes

Semantiskā HTML rakstīšanas grūtības ir tādas, ka tas, kas pārlūkprogrammai ir semantisks, jums var būt pilnīgs absurds. Ja jūtat, ka varat attaisnot sadaļā jūsu dokumentos, tad jums tas jāizmanto. Lielākajai daļai lietotāju aģentu tas ir vienalga, un lapa tiks parādīta tā, kā jūs varētu sagaidīt, vai veidojat a DIV vai a sadaļā.

Dizaineriem, kuriem patīk būt semantiski pareiziem, izmantojot sadaļā semantiski pamatotā veidā ir svarīgs elements. Dizaineriem, kuri vēlas, lai viņu lapas darbotos, tas nav tik svarīgi. Semantiski derīga HTML rakstīšana ir laba prakse, un tā nodrošina lapu drošību nākotnē. Bet galu galā tas ir atkarīgs no jums.

instagram story viewer