A i ka manawa e hoʻohana ai i ARTICLE, PAʻA, a me DIV
ʻO ka huahana HTML5 hou he mea kānalua. Ināʻoe e kūkulu nei i nā palapala HTML ma mua o HTML5, hiki i nā mea kūponoʻoe e hoʻohana nei i kēia huahana e hoʻohui i nā mahele o ka papahana i loko o kāu mauʻaoʻao a laila e pena i nāʻaoʻao me lākou. Pēlā paha eʻikeʻia he mea kūpono ia e hoʻopau i kāu mau mea pono DIV me nā paukū SECTION. Akā hewa kēia. No laila, ināʻaʻoleʻoe e hoʻopili wale i nā mea DIV me nā kuleana SECTION, peheaʻoe e hoʻohana pono ai iā lākou?
ʻO ka papa hana he Semantic Element
ʻO ka mea mua e maopopo ai,ʻo ka'Āpana PIU he kumuhana like. ʻO keʻano o ia mea he hāʻawi i ka manaʻo i nā mea hoʻohana a me nā kānaka āpau e pili ana i ka mea i hoʻopaʻaʻia i loko o ka waihona -ʻo ia kekahi mahele o ka palapala.
He mea paha kēia e like me ka'ōlelo maʻamau maʻamau, aʻo ia no ka mea. Aia kekahi mau mea HTML5'ē aʻe e hāʻawi ana i nā hiʻohiʻona maʻamau i kāu mau mea pono e hoʻohana muaʻoe ma mua o ka hoʻohanaʻana i ka mahele SECTION:
- HAAWINA
- KAUA
- NAV
I ka wā e hoʻohana ai i ka papa hana
E hoʻohana i ka huahana ARTICLE inā he wahi kūʻokoʻa o kaʻenehana o ka pūnaewele hiki ke kū hoʻokahi a e hoʻolālāʻia e like me ka mea memo a iʻole ka memo. E hoʻohana i ka huahana ASIDE inā pili pili ka waihona i ka mea o kaʻaoʻao a iʻole ka pūnaewele pūnaewele, e like me sidebars, annotations, footnotes, a iʻole kaʻike pūnaewele. E hoʻohana i ka huahana NAV no kaʻenehana e hoʻokele.
ʻO ka'Āpana Hoʻonā heʻenehana likeʻole. Hoʻohanaʻoe iā ia ināʻaʻole pono kekahi o nā meaʻokoʻa likeʻole. Hoʻohanaʻoe iā ia e hoʻohui i kekahi mau māhele o kāu palapala i loko o nā'āpana kūikawā āu e wehewehe ai e pili ana i kekahi ala. Ināʻaʻole hiki iāʻoe ke wehewehe i nā māmā i ka paukū i hoʻokahi aʻelua paha mau hua'ōlelo, a lailaʻaʻole pahaʻoe e hoʻohana i ka māhele.
Akā, ponoʻoe e hoʻohana i ka māhele DIV. ʻO ka huaʻano DIV i HTML5 he meaʻokoʻa pahu kahiʻole. Ināʻaʻohe manaʻo e like me ka mea āu e ho'āʻo nei e hoʻohui, akā ponoʻoe e hoʻohuiʻia ia no ka huaʻana, a laila ka mea DIV i pono ke hoʻohana.
Pehea e hana ai nā papa hana
Hiki ke hōʻikeʻia kahi māhele o kāu palapala e like me ka pahu waho no nā mea a me nā mea ASIDE. Hiki iā ia ke komo i loko o nā mea i kūponoʻole i ka ARTICLE a iʻole ka ASIDE. Hiki keʻikeʻia kekahi wae SECTION ma loko o kahi ARTICLE, NAV, a POHELE paha. Hiki iāʻoe ke hana i nā pūnana nest e hōʻike i kahi hui o ka'atihana he mahele o kahi huiʻokoʻa o kekahi mahele o kahiʻatikala a iʻole kaʻaoʻao holoʻokoʻa.
Ke hana nei nā'Āpana Kumu i nā mea i loko o kahi kahakaha o ka palapala. A no laila, pono iāʻoe ke poʻo pane (H1 a hiki i H6) ma keʻano he māhele o ka māhele. Ināʻaʻole hiki iāʻoe ke piʻi mai me kahi inoa no ka paukū, a laila,ʻo ka mea DIV pahaʻoi aʻe ka pono. E hoʻomanaʻo, ināʻaʻoleʻoe makemake e hōʻike i ka poʻo inoa ma kaʻaoʻao, hiki iāʻoe ke hūnā mau me CSS.
Ke hoʻohanaʻoleʻia ka UKU NO
Ma mua aʻe o ka'ōlelo aʻo ma mua e hoʻohana mua i nā māmā o nā haʻina maʻamau, aia kekahi wahi kūpono kahiʻaʻole ponoʻoe e hoʻohana i ka wae SECTION: no ke kāhili wale nō.
I nā hua'ōlelo'ē aʻe, inā wale nō ke kumu e hoʻonoho aiʻoe i kahi mahele i kēlā wahi e hoʻopili i nāʻano o ka style CSS,ʻaʻoleʻoe e hoʻohana i kahi wae SECTION. E huli i kahi huahana hoʻohālike a e hoʻohana i ka māhele DIV ma kahi.
ʻO ka hopena,ʻaʻole paha he mea nui
ʻO ka paʻakikī e kākau ana i ka hoʻohālikelika HTML e like paha keʻano o ka haʻiʻana iaʻu. Inā manaʻoʻoe e hiki iāʻoe ke'āpono e hoʻohana i ka mahele SECTION i kāu mau palapala, a laila ponoʻoe e hoʻohana. ʻO ka hapa nui o nā mea hoʻohana hanaʻole e mālama a hōʻike i kaʻaoʻao e like me kāu e manaʻo ai inā pahaʻoe he DIV a iʻole kahi SECTION.
No nā mea hoʻolālā e makemake nei e pololei maʻamau me ka pololei, hoʻohanaʻia ka pae SECTION ma ke ala pololei. No nā mea hoʻolālā e makemake wale ana e hana i ko lākou mauʻaoʻao,ʻaʻole ia he mea nui. Manaʻo wauʻo ka kākauʻana i ka mana HTML āpau a maikaʻi loa a mālama i nāʻaoʻao i ka mea e hiki ai ke hōʻoia. Akā i ka hopena, iāʻoe.