ʻO kahiʻano koʻikoʻi o ka Pūnaewele Kūnaewele o ke kuleana no kaʻoihana e loaʻa nei iā kākou i kēia lā,ʻo ia ka manaʻo o ka hoʻohanaʻana i nā mea HTML no ko lākouʻano ma mua o keʻano o kaʻikeʻana i loko o ka polokalamu kelepona. Hōʻikeʻia kēia ma ka hoʻohanaʻana i Semantic HTML.
He aha ka Semantic HTML
ʻO Semantic HTML a semantic markup ka HTML e hōʻike ana i ka manaʻo i ka pūnaewele ma mua o ka hōʻike. Ke laʻana,ʻikeʻia kahi
tag i ka paukū i hoʻopaʻaʻia.
ʻO kēia aʻelua me keʻano o ka hōʻike, no kaʻikeʻana o nā poʻe i nā paukū a me nāʻike eʻike ai pehea e hōʻike ai.
Ma kaʻaoʻao'āpana o kēia equation,ʻo nā mea like like a me ʻaʻole pili, no ka mea,ʻike wale lākou i keʻano o ka nānāʻana o ke kikokikona (wiwoʻole) aʻaʻole hoʻi e hāʻawi i kekahi manaʻo hou i ka helu.
ʻO nā hiʻohiʻona o nā hua'ōlelo o Semantic like me nā helu kumu pane
ma o , , a . Nui nā hua'ōlelo HTML likeʻole e hiki ke hoʻohanaʻia i kāu kūkuluʻana i kahi pūnaewele hōʻoia.
No ke aha e pono ai kāu e mālama e pili ana i nā Semantics
ʻO ka pono o ka kākauʻana o nā Sāmoa likeʻole mai ka mea e pono ai ka pahuhopu pahuhopu o kekahi pūnaewele pūnaewele - ka makemake e kamaʻilio. Ma ka hōʻiliʻiliʻana i nā huapalapala maʻamau i kāu palapala, hāʻawiʻoe i nāʻike'ē aʻe e pili ana i kēlā palapala, e kōkua ai i kaʻike. ʻO ke kaulike, nā hua'ōlelo maʻamau e hoʻomaopopo i ka mea heluhelu i ka manaʻo o kahiʻaoʻao a me kona waihona.
E hōʻike pūʻia ana kēlā mālamalama me nā engines hulina, e hōʻoia ana e hāʻawiʻia nāʻaoʻao pono no nā nīnau kūpono.
Hāʻawi nā'atihana Semantic HTML i kaʻike e pili ana i nāʻike o kēlā mau huapalapala eʻoi aʻe ma mua o ka nānāʻana i kahiʻaoʻao. Uaʻike kokeʻia nā kikokikona i hoʻopaʻaʻia i loko o ka helu e ka polokalamu kele pūnaewele e like me kekahiʻano o nā'ōlelo coding.
Ma kahi o ka ho'āʻoʻana e hāʻawi i kēlā code,ʻike ka meaʻikepili e hoʻohana anaʻoe i kēlā kikokikona e like me keʻano o ke code no nā mea o kekahi mea a iʻole ka papahana pūnaewele o kekahiʻano.
Me ka hoʻohanaʻana i nā mea kākau maʻamau e hāʻawi iāʻoe i nā loulou hou aku no ka hanaʻana i kāu mea. I kēia lā, makemakeʻoe e hōʻike i kāu mau kikowaena i ka'ōnaehana pūnaewele paʻakikī, akā i ka lāʻapōpō, makemakeʻoe e kāhea aku iā lākou me kaʻeleʻele hina hina, a ma hope aku e makemakeʻoe e wehewehe i kaʻohana maʻamau āpau-spaced a iʻole ka pika maʻamau e hoʻohana ai. kou mau kiko. Hiki iāʻoe ke hana i kēia mau mea a pau ma o ka hoʻohanaʻana i ka markup hoʻohālike a hoʻohana maikaʻi iā CSS.
E hoʻohana i nā hua Semantic pololei
Inā makemakeʻoe e hoʻohana i nā mea hoʻohālike e hoʻohālike i ka manaʻo ma mua o ka hoʻokumuʻana i nā manaʻo, ponoʻoe e makaʻala iʻoleʻoe e hoʻohana pono ia mau mea no ko lākou mau hōʻike hōʻike maʻamau. ʻO kekahi o nā hua'ōlelo maʻamau maʻamau i hoʻohana pinepineʻia me:
- blockquote - Ke hoʻohana nei kekahi poʻe i ka tag no kaʻene kikowaenaʻaʻole ia he upena. ʻO kēia ma muli o ka hoʻopiʻiʻiaʻana o nā poʻomanaʻo e ka paʻamau. Inā makemakeʻoe i nā pōmaikaʻi o ka hoʻopiʻiʻana, akā,ʻaʻole ka helu i ka poʻomanaʻo, e hoʻohana i kaʻaoʻao CSS ma kahi.
- p - kekahi mau hoʻoponopono pūnaewele e hoʻohana i
& nbsp; p> (kahi kahi kīhaʻiʻole i loko o ka māhele) no ka hoʻonui i kahi waena ma waena o nā māhele o kaʻaoʻao, ma mua o ka weheweheʻana i nā parakalaka kūikawā no ka'ōlelo o kēlāʻaoʻao. E like me keʻano hoʻohālike i hōʻike muaʻia, ponoʻoe e hoʻohana i ka'āpanaʻaoʻao a me ka pale halihali e hoʻonui i kahi.
- ul - Like blockquote, hoʻopiʻi i nā kikokikona i loko o ka 'ul tag tag i kahi kikokikona ma ka pūnaewele nui. He kūpono me ka halaʻole o ka HTML ma keʻano he hapalua,ʻoiai he "mau" tags wale nō i loko o ka
tag. Eia hou, e hoʻohana i kaʻaoʻao a me ka pale pale i kahi kikokikona.
- h1-h6 - E hoʻohanaʻia nā poʻomanaʻo o ka poʻomanaʻo i mea e nui ai aʻoi aku ka nui o ka momona, akā ināʻaʻole kahi pane,ʻaʻole ia i loko o kahi pane inoa. E hoʻohana i nā kuleana font-weight a me font-size CSS ma kahi inā makemakeʻoe e hoʻololi i ka nui a iʻole ke kaumaha o kahi kikokikona pololei ma kāuʻaoʻao.
Ma o ka hoʻohanaʻana i nā leka HTML i loaʻa ka manaʻo, hanaʻoe i nāʻaoʻao e hāʻawi i nāʻike'ē aʻe ma mua o ka hoʻopili waleʻana i nā mea a pau me nā
tags.
ʻO nā'ōlelo HTML he Semantic?
ʻOiai kokoke i kēlā me kēia HTML4 tag a me nā helu HTML5 a pau he manaʻoʻano likeʻole,ʻo ia kekahi mau huapalapala e pili ana i keʻano.
Eia kekahi laʻana, ua hoʻololi 'o HTML5 i ka manaʻo o nā a me e kuhikuhi ai. ʻAʻole i hōʻikeʻia ka tag i ka mea nui, akā,ʻo ka hua'ōlelo i hāʻawiʻia ma ka wiwo. ʻAʻole i hōʻikeʻia ka tag i ke koʻikoʻi a iʻole ka manaʻo koʻikoʻi, akā, ho'ākāka i nā hua'ōlelo i ho'ākāka pinepineʻia i ka nānāʻana.
Semantic HTML Tags
ʻO ka hōʻailona Hōʻike'ōlelo
ʻO ka lōʻihi Ka wehewehe Kahi no ka mea kākau (s) o ka palapala Kāhea
Ke kuhikuhi'ilipili Kākau nui Ke kaʻina hoʻoholo 'Okole pūnaewele inline pūnaewele Holoi i ka kikokikona Hoʻokomo i ka kikokikona Kākoʻo Ka ikaika ikaika
ʻO ka poʻo mua
ʻO ke poʻo kumuʻelua
ʻO ke poʻo kumuʻekolu
ʻO ke poʻo kumuʻehā
Kālā paeʻelima
ʻO ke poʻo kumuʻeono
ʻO ka hopena o Thematic Kākau e hoʻokomoʻia e ka mea hoʻohana
Kākau i kauʻia
Kūkākūkā pōkole i loko Ka hoʻopuka puka Palapala Superscript Ka'ōlelo maʻalahi a iʻole mea hoʻohana paha
, a . Nui nā hua'ōlelo HTML likeʻole e hiki ke hoʻohanaʻia i kāu kūkuluʻana i kahi pūnaewele hōʻoia.
No ke aha e pono ai kāu e mālama e pili ana i nā Semantics
ʻO ka pono o ka kākauʻana o nā Sāmoa likeʻole mai ka mea e pono ai ka pahuhopu pahuhopu o kekahi pūnaewele pūnaewele - ka makemake e kamaʻilio. Ma ka hōʻiliʻiliʻana i nā huapalapala maʻamau i kāu palapala, hāʻawiʻoe i nāʻike'ē aʻe e pili ana i kēlā palapala, e kōkua ai i kaʻike. ʻO ke kaulike, nā hua'ōlelo maʻamau e hoʻomaopopo i ka mea heluhelu i ka manaʻo o kahiʻaoʻao a me kona waihona.
E hōʻike pūʻia ana kēlā mālamalama me nā engines hulina, e hōʻoia ana e hāʻawiʻia nāʻaoʻao pono no nā nīnau kūpono.
Hāʻawi nā'atihana Semantic HTML i kaʻike e pili ana i nāʻike o kēlā mau huapalapala eʻoi aʻe ma mua o ka nānāʻana i kahiʻaoʻao. Uaʻike kokeʻia nā kikokikona i hoʻopaʻaʻia i loko o ka helu e ka polokalamu kele pūnaewele e like me kekahiʻano o nā'ōlelo coding.
Ma kahi o ka ho'āʻoʻana e hāʻawi i kēlā code,ʻike ka meaʻikepili e hoʻohana anaʻoe i kēlā kikokikona e like me keʻano o ke code no nā mea o kekahi mea a iʻole ka papahana pūnaewele o kekahiʻano.
Me ka hoʻohanaʻana i nā mea kākau maʻamau e hāʻawi iāʻoe i nā loulou hou aku no ka hanaʻana i kāu mea. I kēia lā, makemakeʻoe e hōʻike i kāu mau kikowaena i ka'ōnaehana pūnaewele paʻakikī, akā i ka lāʻapōpō, makemakeʻoe e kāhea aku iā lākou me kaʻeleʻele hina hina, a ma hope aku e makemakeʻoe e wehewehe i kaʻohana maʻamau āpau-spaced a iʻole ka pika maʻamau e hoʻohana ai. kou mau kiko. Hiki iāʻoe ke hana i kēia mau mea a pau ma o ka hoʻohanaʻana i ka markup hoʻohālike a hoʻohana maikaʻi iā CSS.
E hoʻohana i nā hua Semantic pololei
Inā makemakeʻoe e hoʻohana i nā mea hoʻohālike e hoʻohālike i ka manaʻo ma mua o ka hoʻokumuʻana i nā manaʻo, ponoʻoe e makaʻala iʻoleʻoe e hoʻohana pono ia mau mea no ko lākou mau hōʻike hōʻike maʻamau. ʻO kekahi o nā hua'ōlelo maʻamau maʻamau i hoʻohana pinepineʻia me:
- blockquote - Ke hoʻohana nei kekahi poʻe i ka tag no kaʻene kikowaenaʻaʻole ia he upena. ʻO kēia ma muli o ka hoʻopiʻiʻiaʻana o nā poʻomanaʻo e ka paʻamau. Inā makemakeʻoe i nā pōmaikaʻi o ka hoʻopiʻiʻana, akā,ʻaʻole ka helu i ka poʻomanaʻo, e hoʻohana i kaʻaoʻao CSS ma kahi.
- p - kekahi mau hoʻoponopono pūnaewele e hoʻohana i
& nbsp; p> (kahi kahi kīhaʻiʻole i loko o ka māhele) no ka hoʻonui i kahi waena ma waena o nā māhele o kaʻaoʻao, ma mua o ka weheweheʻana i nā parakalaka kūikawā no ka'ōlelo o kēlāʻaoʻao. E like me keʻano hoʻohālike i hōʻike muaʻia, ponoʻoe e hoʻohana i ka'āpanaʻaoʻao a me ka pale halihali e hoʻonui i kahi.
- ul - Like blockquote, hoʻopiʻi i nā kikokikona i loko o ka 'ul tag tag i kahi kikokikona ma ka pūnaewele nui. He kūpono me ka halaʻole o ka HTML ma keʻano he hapalua,ʻoiai he "mau" tags wale nō i loko o ka
tag. Eia hou, e hoʻohana i kaʻaoʻao a me ka pale pale i kahi kikokikona.
- h1-h6 - E hoʻohanaʻia nā poʻomanaʻo o ka poʻomanaʻo i mea e nui ai aʻoi aku ka nui o ka momona, akā ināʻaʻole kahi pane,ʻaʻole ia i loko o kahi pane inoa. E hoʻohana i nā kuleana font-weight a me font-size CSS ma kahi inā makemakeʻoe e hoʻololi i ka nui a iʻole ke kaumaha o kahi kikokikona pololei ma kāuʻaoʻao.
Ma o ka hoʻohanaʻana i nā leka HTML i loaʻa ka manaʻo, hanaʻoe i nāʻaoʻao e hāʻawi i nāʻike'ē aʻe ma mua o ka hoʻopili waleʻana i nā mea a pau me nā
tags.
ʻO nā'ōlelo HTML he Semantic?
ʻOiai kokoke i kēlā me kēia HTML4 tag a me nā helu HTML5 a pau he manaʻoʻano likeʻole,ʻo ia kekahi mau huapalapala e pili ana i keʻano.
Eia kekahi laʻana, ua hoʻololi 'o HTML5 i ka manaʻo o nā a me e kuhikuhi ai. ʻAʻole i hōʻikeʻia ka tag i ka mea nui, akā,ʻo ka hua'ōlelo i hāʻawiʻia ma ka wiwo. ʻAʻole i hōʻikeʻia ka tag i ke koʻikoʻi a iʻole ka manaʻo koʻikoʻi, akā, ho'ākāka i nā hua'ōlelo i ho'ākāka pinepineʻia i ka nānāʻana.
Semantic HTML Tags
ʻO ka hōʻailona Hōʻike'ōlelo
ʻO ka lōʻihi Ka wehewehe Kahi no ka mea kākau (s) o ka palapala Kāhea
Ke kuhikuhi'ilipili Kākau nui Ke kaʻina hoʻoholo 'Okole pūnaewele inline pūnaewele Holoi i ka kikokikona Hoʻokomo i ka kikokikona Kākoʻo Ka ikaika ikaika
ʻO ka poʻo mua
ʻO ke poʻo kumuʻelua
ʻO ke poʻo kumuʻekolu
ʻO ke poʻo kumuʻehā
Kālā paeʻelima
ʻO ke poʻo kumuʻeono
ʻO ka hopena o Thematic Kākau e hoʻokomoʻia e ka mea hoʻohana
Kākau i kauʻia
Kūkākūkā pōkole i loko Ka hoʻopuka puka Palapala Superscript Ka'ōlelo maʻalahi a iʻole mea hoʻohana paha