Nalika Nggunakake HTML5 SECTION Element

Lan Nalika Nggunakake ARTICLE, ASIDE, lan DIV

Elemen HTML5 SECTION anyar bisa rada bingung. Yen sampeyan wis mbangun dokumen HTML sadurunge HTML5, kemungkinan sampeyan wis nggunakake unsur kanggo nggawe bagean struktural ing kaca lan banjur gaya kaca kasebut. Supaya bisa uga katon kaya bab alam kanggo mung ngganti unsur DIV sing ana karo unsur SECTION. Nanging iki secara teknis ora bener. Dadi yen sampeyan ora mung ngganti elemen DIV karo elemen SECTION, piye carane sampeyan nggunakake sing bener?

SECTION Element is Element Semantic

Wangsulan kapisan yaiku unsur SECTION minangka unsur semantik . Iki tegese menehi makna kanggo loro agen panganggo lan manungsa babagan apa isi sing disedhiyakake-khusus bagean saka dokumen.

Iki bisa uga kaya deskripsi semantik sing umum, lan amarga iku. Ana unsur HTML5 liyane sing nyedhiyakake beda beda semantik ing isi sing sampeyan kudu nggunakake dhisik sadurunge sampeyan nggunakake elemen SECTION:

Nalika nggunakake SECTION Element

Gunakake unsur ARTICLE nalika isi minangka bagean saka situs sing bisa mandheg piyambak lan disindikasi kaya artikel utawa artikel blog. Gunakake unsur ASIDE nalika isi kasebut kanthi baku terkait karo isi kaca utawa situs kasebut dhewe, kayata sidebars, annotations, footnotes, utawa informasi situs sing gegandhengan. Gunakake unsur NAV kanggo konten sing pandhu arah.

Elemen SECTION minangka elemen semantik generik. Sampeyan nggunakake kasebut nalika ora ana unsur sajrone semantik liyane sing cocok. Sampeyan nggunakake kanggo gabungke bagian saka dokumen sampeyan bebarengan menyang unit diskrèt sing sampeyan bisa nggambarake minangka sing gegandhengan ing sawetara cara. Yen sampeyan ora bisa njlèntrèhaké unsur ing bagean kasebut ing siji utawa rong kalimat, sampeyan mbokmenawa ora bisa nggunakake unsur kasebut.

Nanging, sampeyan kudu nggunakake unsur DIV. Unsur INV ing HTML5 yaiku elemen sing ora ana semantik. Yen isi sing sampeyan coba gabungke ora nduweni makna semantik, nanging sampeyan isih kudu nggabungake kanggo gaya, banjur unsur DIV minangka elemen sing cocok kanggo digunakake.

Carane SECTION Elements Works

Bagéan saka dokumen sampeyan bisa katon minangka wadhah njaba kanggo artikel lan unsur ASIDE. Sampeyan uga bisa ngemot konten sing ora dadi bagian saka ARTICLE utawa ASIDE. A SECTION element uga bisa ditemokake ing ARTICLE, NAV, utawa ASIDE. Sampeyan uga bisa nest bagean kanggo nunjukake yen salah siji klompok isi minangka bagean klompok liyane isi sing dadi bagean saka artikel utawa kaca sacara sakabehe.

Elemen bagean nggawe item ing njelaske nganggo bentuk garis document. Dadi, sampeyan kudu tansah duwe elemen header (H1 nganti H6) minangka bagéan saka bagean kasebut. Yen sampeyan ora bisa nyithak judhul kanggo bagean iki, banjur maneh unsur DIV mbokmenawa luwih cocok. Elingi, yen sampeyan ora pengin judhul bagean katon ing kaca, sampeyan bisa tansah masker nganggo CSS.

Nalika Ora Gunakake SECTION Element

Ngluwihi saran ing ndhuwur kanggo nggunakake elemen semantik sing luwih spesifik dhisik, ana siji bagean sing ora sampeyan kudu nggunakake elemen SECTION: kanggo gaya mung.

Ing tembung liyane, yen mung alesan sing nglebokake elemen ing panggonan iku kanggo masang sifat gaya CSS, sampeyan ora kudu nggunakake elemen SECTION. Temokake unsur semantik utawa nggunakake unsur DIV wae.

Pungkasane, ora mungkin

Kesulitan nulising HTML semantik yaiku apa semantik kanggo aku bisa dadi omong kosong kanggo sampeyan. Yen sampeyan aran sampeyan bisa mbenerake nggunakake elemen SECTION ing dokumen sampeyan, sampeyan kudu nggunakake. Paling agen panganggo ora peduli lan bakal nampilake kaca kaya sing sampeyan bisa nyana manawa sampeyan gaya DIV utawa SECTION.

Kanggo desainer sing seneng kanthi bener, nggunakake elemen SECTION kanthi cara semantenan bener. Kanggo desainer sing mung pengin nggawe kaca, sing ora penting. Aku pracaya yen nulis HTML kanthi sah semen iku praktik apik lan terus nggawe kaca luwih mangsa. Nanging ing pungkasan iku sampeyan kudu.