He aha kaʻokoʻa ma waena o DIV a me kahi SECTION?

Ka hoʻomaopopoʻana i ka'āpana HTML5 Element

I ka paeʻana o HTML5 ma kahi hiʻona i nā makahiki i hala aku nei, ua hōʻano houʻia i ka hui o nā'āpana'āpana hou i ka langauge, me ka pūnaewele SECTION. ʻO ka hapa nui o nāʻano hou e loaʻa i ka HTML5 ka hoʻohana maikaʻi. Eia kekahi laʻana, hoʻohanaʻia kaʻenehana e wehewehe i nā mea a me nāʻaoʻao nui o kahi pūnaewele, hoʻohanaʻia ka māhele e wehewehe i nā mea e pili ana i piliʻole i ke koena o kaʻaoʻao, a me ke poʻo, ka moku, a me ka wāwae. ʻO ka mea hou i hoʻopihapihaʻia, ponoʻole, akā naʻe, he iki ke maopopo.

Manaʻo nā poʻe he nui nāʻano HTML . PAUKU a he mau mea like wale nō-nā pūnaewele hanana i hoʻohanaʻia e komo i loko o ka pūnaewele pūnaewele. ʻO ka meaʻoiaʻiʻo,ʻo kēia mauʻanoʻelua,ʻoiai nā meaʻelua o ka pahu mea, he meaʻokoʻa wale nō. Aia kekahi kumu kūpono e hoʻohana ai i ka wae SECTION a me ka wae DIV - a e wehewehe kēiaʻatikala i kēlā mauʻokoʻa.

Nā Wālā a me nā Māhele

ʻO ka waeʻano PAʻINU uaʻikeʻia he mahele o ka pūnaewele o kahi pūnaewele pūnaewele a iʻole kahi pūnaeweleʻaʻole ia heʻano kiko'ī'ē aʻe (e like me ka moʻolelo a iʻole). Hoʻomaopopo au e hoʻohana i kēia māhele i ka wa e mele nei au i kahi mahele māhele o kaʻaoʻao - kahi mahele nui e hoʻoneʻe a hoʻohanaʻia ma nāʻaoʻao'ē aʻe a mahele paha o ka pūnaewele. He wahiʻokoʻa loa ia, aiʻole he "mahele" o ka helu, inā makemakeʻoe.

I ka hoʻohālike, hoʻohanaʻoe i ka māhele DIV no nāʻaoʻao o kaʻaoʻao āu e makemake ai e mahele, akā no nā kumuhana'ē aʻe ma kahi o nā seminic . E hoʻopili wau i kahi māhele i loko o ka mahele ināʻo wau e hana ana pēlā no ka hāʻawiʻana iaʻu iho i "makau" e hoʻohana me CSS. ʻAʻole paha ia he maheleʻokoʻa o kaʻikepili e pili ana i nā semantic, akā he mea aʻu e kuhikuhi nei no ka hoʻokōʻana i ka'ōnaehana aʻu i makemake ai no koʻuʻaoʻao.

ʻO nā mea a pau e pili ana i nā Semanticics

He manaʻo paʻakikī kēia e maopopo ai, akā,ʻo ka mea likeʻole ma waena o ka māhele DIV a me ka māhele SECTION he mau mele. I nā hua'ōlelo'ē aʻe,ʻo ka manaʻo o ka māhele o ke code e puʻunaue neiʻoe.

ʻAʻohe mea i loko o loko o kahi māhele DIVʻaʻole kahi manaʻo pilikino. Hoʻohana maikaʻiʻia no nā mea like:

ʻO ka'Āpana DIV i hoʻohanaʻia i hoʻokahi wale nō mea i loaʻa iā mākou no ka hoʻohuiʻana i nā loulou no ke kāhikoʻana i kā mākou mau palapala a me nā papa a me nā hoʻonohonoho kūpono. Ma muli o kēlā, ua pau mākou i ka HTML i hoʻopiliʻia me nā'āpana DIV-nā mea i kapaʻia e nā mea hoʻolaha pūnaewele "divitis." He mau mea hoʻoponopono WYSIWYG nō hoʻi i hoʻohana wale i ka mea DIV wale nō. Ua holo wau ma o HTML e hoʻohana ana i ka māhele DIV ma kahi o ka paukū!

Me HTML5, hiki iā mākou ke hoʻomaka i ka hoʻohanaʻana i nā māhele'eneke e hana i nā palapala kiko'ī maʻamau (e hoʻohana ana no ka hoʻokele a no nāʻikeʻikepili a pēlā aku) a pēlā hoʻi e kuhikuhi i keʻano i kēlā mau māhele.

Pehea e pili ana i ka SPAN Element?

ʻO kekahi kumu'ē aʻe i manaʻoʻia e ka poʻe nui i ka wā e noʻonoʻo ai lākou i ka māhele DIV,ʻo ia ka mea. ʻO kēia māhele, e like me DIV,ʻaʻole ia he māmili hua. He huahana inline ia e hiki ai ke hoʻohana i nā loulou no nāʻano a me nā hōʻailona e pili ana i poho oline o kaʻike (ka mea maʻamau). I kēlāʻano, ua like loa ia me ka mea DIV, wale nō i ke kikowaena ma mua o ka paukū'āwae . Ma kekahi mauʻano, hiki ke maʻalahi ka noʻonoʻoʻana i ka DIV ma keʻano he pae SPAN āpau a hoʻohanaʻia ma keʻano likeʻole e SPAN wale nō no nā papahana HTML wale nō.

ʻAʻohe mea hoʻohālike hoʻohālike i hoʻohālikeʻia i HTML5.

No Nā Mokuna Hou o Internet Explorer

Inā ke kākoʻo neiʻoe i nāʻano iʻoi aku ka nui o IE (e like me IE 8 a me lalo) hikiʻole ke hōʻoia i ka HTML5,ʻaʻole pono e makaʻu iāʻoe e hoʻohana i nā pono HTML maʻamau. E kōkua ka seminics iāʻoe aʻo kāu pūʻulu e mālama i kaʻaoʻao ma ka mua (no ka mea e maopopo ana iāʻoeʻo kēlā mahele kaʻatikala inā e hoʻopuniʻia e ka mea ARTICLE). ʻO ka mea nui, nā mea nānā e hoʻomaopopo i kēlā mau inoa e kākoʻo iā lākou ma ka maikaʻi.

Hiki nō iāʻoe ke hoʻohana i nā māhele like me ka Internet55 me ka Internet Explorer, ponoʻoe e hoʻohui i ka palapala a me kekahi mau mea DIV e pili nei e kiʻi iā lākou e hōʻoia i nā inoa like HTML.

E hoʻohana ana i DIV a me SECTION Elements

Ināʻoe e hoʻohana pono ana ia mau mea, hiki iāʻoe ke hoʻohana i nā hui DIV a me nā hui SECTION pūnaewele i kahi palapala HTML5 pono. E like me kāu iʻike ai maʻaneʻi ma kēiaʻatikala, hoʻohanaʻoe i ka māhele SECTION no ka ho'ākākaʻana i nā māhele maʻamau o nā mea i hoʻopaʻaʻia, a hoʻohanaʻoe i ka mea DIV e like me nā lou no CSS a me ka JavaScript a me ka wehewehe i ke kiʻinaʻole i loaʻaʻole ka manaʻo likeʻole.

Ka'ōlelo kumu mua na Jennifer Krynin. Hoʻoponoponoʻia e Jeremy Girard ma ka lā 3/15/17