Kailan Gamitin ang HTML5 SECTION Element

At Kailan Gamitin ang ARTICLE, ASIDE, at DIV

Ang bagong HTML5 SECTION element ay maaaring medyo nakalilito. Kung nagtatayo ka ng mga HTML na dokumento bago ang HTML5, malamang na ginagamit mo na ang elemento upang lumikha ng mga pagkakabahagi sa istruktura sa loob ng iyong mga pahina at pagkatapos ay i-estilo ang mga pahina sa mga ito. Kaya maaaring mukhang tulad ng isang natural na bagay upang palitan lamang ang iyong umiiral na mga elemento ng DIV na may elemento ng SECTION. Ngunit ito ay hindi tama. Kaya kung hindi mo lang palitan ang mga elemento ng DIV na may mga elemento ng SECTION, paano mo ginagamit ang mga ito nang tama?

Ang SECTION Element ay isang Semantiko Element

Ang unang bagay na maunawaan ay ang seksyon ng SEKSI ay isang sangkap na semantiko . Nangangahulugan ito na nagbibigay ito ng kahulugan sa parehong mga ahente ng gumagamit at mga tao tungkol sa kung ano ang nakapaloob na nilalaman-partikular na isang seksyon ng dokumento.

Ito ay maaaring mukhang tulad ng isang pangkalahatang paglalarawan ng semantiko, at iyan ay dahil ito ay. May iba pang mga elemento ng HTML5 na nagbibigay ng higit pang mga pagkakaiba-iba sa semantiko sa iyong nilalaman na dapat mong gamitin muna bago mo gamitin ang seksyon ng SEKSIYON:

Kailan Gamitin ang SECTION Element

Gamitin ang sangkap ng ARTICLE kapag ang nilalaman ay isang malayang bahagi ng site na maaaring tumayo nang mag-isa at maging syndicated tulad ng isang artikulo o post sa blog. Gamitin ang sangkap ng ASIDE kapag ang nilalaman ay may kaugnayan sa alinman sa nilalaman ng pahina o sa site mismo, tulad ng mga sidebars, annotations, footnotes, o kaugnay na impormasyon sa site. Gamitin ang elemento ng NAV para sa nilalamang nabigasyon.

Ang SECTION element ay isang pangkaraniwang sangkap ng semantiko. Ginagamit mo ito kapag wala sa iba pang mga elemento ng semantiko na lalagyan ang naaangkop. Gagamitin mo ito upang pagsamahin ang mga bahagi ng iyong dokumento nang magkasama sa mga discrete unit na maaari mong ilarawan bilang nauugnay sa ilang paraan. Kung hindi mo maaaring ilarawan ang mga elemento sa seksyon sa isa o dalawang mga pangungusap, malamang ay hindi mo dapat gamitin ang elemento.

Sa halip, dapat mong gamitin ang elementong DIV. Ang elemento ng DIV sa HTML5 ay isang non-semantiko na elemento ng lalagyan. Kung ang nilalaman na sinusubukan mong pagsamahin ay walang semantiko na kahulugan, ngunit kailangan mo pa rin upang pagsamahin ito para sa estilo, pagkatapos ang elemento ng DIV ay ang naaangkop na sangkap upang gamitin.

Paano gumagana ang SECTION Element

Ang isang seksyon ng iyong dokumento ay maaaring lumitaw bilang panlabas na lalagyan para sa mga artikulo at mga elemento ng ASIDE. Maaari rin itong maglaman ng nilalaman na hindi bahagi ng isang ARTICLE o ASIDE. Ang SEKSIYON elemento ay maaari ring matagpuan sa loob ng isang ARTICLE, NAV, o ASIDE. Maaari mo ring itabi ang mga seksyon upang ipahiwatig na ang isang pangkat ng nilalaman ay isang seksyon ng isa pang pangkat ng nilalaman na isang seksyon ng isang artikulo o pahina nang buo.

Ang SEKSIYON ng elemento ay lumilikha ng mga item sa isang balangkas ng dokumento. At dahil dito, dapat kang magkaroon ng isang elemento ng header (H1 hanggang H6) bilang isang bahagi ng seksyon. Kung hindi ka maaaring magkaroon ng isang pamagat para sa seksyon, muli muli ang elemento ng DIV ay marahil mas angkop. Tandaan, kung hindi mo nais na lumitaw ang pamagat ng seksyon sa pahina, maaari mong laging maskulin ito sa CSS.

Kapag Hindi Gamitin ang SECTION Element

Higit pa sa payo sa itaas upang gamitin ang mas tiyak na mga sangkap ng semantiko unang, mayroong isang tiyak na lugar na hindi mo dapat gamitin ang seksyon ng elemento: para sa estilo lamang.

Sa ibang salita, kung ang tanging dahilan na inilalagay mo ang isang elemento sa lugar na iyon ay ang ilakip ang mga katangian ng estilo ng CSS, hindi ka dapat gumamit ng SECTION element. Hanapin ang isang semantiko elemento o gamitin ang elemento ng DIV sa halip.

Sa huli ay maaaring Hindi Ito Mahalaga

Ang isang kahirapan sa pagsulat ng semantiko HTML ay ang kung ano ang semantiko sa akin ay maaaring maging ganap na walang kapararakan sa iyo. Kung sa palagay mo ay maaari mong pawalang-sala ang paggamit ng SEKSYON elemento sa iyong mga dokumento, dapat mong gamitin ito. Karamihan sa mga ahente ng gumagamit ay hindi nagmamalasakit at ipapakita ang pahina gaya ng maaari mong asahan kung nag-estilo ka ng DIV o SECTION.

Para sa mga taga-disenyo na kagustuhan na maging tama ang pagtutuwid, ang paggamit ng SEKSIYON elemento sa isang wastong paraan ng semantiko ay mahalaga. Para sa mga taga-disenyo na nais lamang magtrabaho ang kanilang mga pahina, iyon ay hindi mahalaga. Naniniwala ako na ang wastong pagsulat ng wastong HTML ay mahusay na kasanayan at pinanatili ang mga pahina nang higit pa sa hinaharap na katunayan. Ngunit sa wakas ito'y nasa iyo.