HTML5 SECTION Element Erabili beharrekoan

Eta ARTIKULUA, ASIDE eta DIV erabiltzea

HTML5 SECTION elementu berria nahasgarria izan daiteke. HTML5 HTML dokumentuarekin HTML dokumentuak eraiki badituzu, aukerak dagoeneko elementua erabiltzen ari zara zure orrialdeetan zatiketa estrukturatuak sortzeko eta gero haiekin orrialdeak estilatzeko. Beraz, badirudi gauza natural bat besterik ez dela zure lehendik dauden DIV elementuak ordezkatzen dituzten HITZA elementuekin. Baina hau teknikoki okerra da. Beraz, ez baduzu DIV elementuak ordezkatu besterik ez duzu SECTION elementuekin, nola erabiltzen dituzu zuzenki?

SECTION Element elementu semantikoa da

Lehenik eta behin ulertu behar da SECTION elementua elementu semantikoa dela . Horrek esan nahi du erabiltzaileak eta gizakiak ageriko edukia dela esatea, zehazki dokumentuaren atal bat.

Honek deskribapen semantiko orokorra bezalakoa dirudi eta hori da. Badira beste HTML5 elementu batzuk, bereizketa semantikoak ematen dituztela zure edukiari lehenik eta behin erabili behar duzula SECTION elementua erabili aurretik:

Noiz SECTION Element Erabili

Erabili ARTIKULUko elementua edukia gune bakarreko atal independente bat dela eta artikulu edo blog-mezu bat bezala sindikatu daitekeenean. Erabili ASIDE elementua edukia orrialdearen edo gunearen edukia bezalako edukiekin lotzen denean, hala nola, alboko barrak, oharpenak, oin-oharrak edo lotutako webgunearen informazioa. Nabigazioko edukirako NAV elementua erabili.

SECTION elementu elementu semantiko orokorra da. Beste ontzi semantikoetako elementu bat ere ez denean egokiak direnean erabiltzen duzu. Zure dokumentuaren zatiak konbinatzeko erabiltzen duzu, nolabait erlazionatuta bezala deskribatu ditzakezun unitate diskretutan. Atalean dauden elementu bat edo bi esaldi batean ezin badituzu, elementua erabili beharko zenuke.

Horren ordez, DIV elementua erabili beharko zenuke. HTML5 elementua DIV elementu ez-semantiko bat da. Konbinatzen saiatzen ari zaren edukiak ez baditu esanahi semantikoa, baina oraindik estekatzeko konbinatu behar duzu, orduan DIV elementua erabiltzeko egokia den elementua da.

Nola funtzionatzen du SECTION Element

Zure dokumentuaren atal bat artikulu eta ASIDE elementuen kanpoaldeko edukiontzi gisa agertu daiteke. ARTIKULU edo ASIDE baten parte ez dagoen edukia ere eduki dezake. ARTIKULU, NAFO edo ASIDE barruan ARTXIBOA elementu bat ere aurki daiteke. Halaber, habiaratu ditzakezu atalak edukien multzo bat beste artikulu baten atal bat edo orrialde bat den beste eduki talde bateko atala dela.

SECTION elementuak dokumentuaren eskema baten barruan elementuak sortzen ditu. Eta horregatik, beti izan behar duzu goiburu elementu bat (H1 H6 bidez) atalaren zati gisa. Atalean izenburua duen izenik ez baduzu, berriro DIV elementua seguruenik egokia izango da. Gogoratu, nahi ez baduzu atalaren izenburua orrialdean agertzeko, beti CSS-rekin maskara dezakezu.

SECTION Element Erabili ez denean

Goiko aholkuaz gain, elementu semantiko espezifikoak erabiltzeko lehenik eta behin, ez dago SECTION elementua erabili behar ez duzun eremu definitu bat: estiloa soilik.

Beste era batera esanda, leku horretan elementu bat jarriz gero arrazoi bakarra CSS estilo propietateak eransteko, ez duzu SECTION elementu bat erabili behar. Aurkitu elementu semantikoa edo erabili DIV elementua horren ordez.

Azken finean, ez du zerikusirik

HTML semantikoa idazteko zailtasunak zera da: zer semantikoa den zentzugabekeria izan daiteke. Zure dokumentuetan SECTION elementua erabiliz justifikatu daitekeela uste baduzu, erabili beharko zenuke. Erabiltzaile-eragile gehienek ez dute axola eta orrialdea erakutsiko dute DIV-a edo SECTION-a nola estilizatu nahi duzun.

Semantikoki zuzena izan nahi duten diseinatzaileentzat, SECTION elementua semantikoki baliozko moduan erabiliz garrantzitsua da. Nahi duten diseinatzaileek lanak nahi dituztenentzat, hori ez da garrantzitsua. HTML semantikoki baliagarria den idazkera praktika ona dela uste dut, eta orrialdeak gero eta etorkizun hobeak izaten jarraitzen du. Baina azkenean zuretzako da.