Mfundo yofunikira ya Web Standards kayendetsedwe kamene imayendetsa makampani omwe tili nawo lero ndi lingaliro la kugwiritsa ntchito zida za HTML pa zomwe iwo ali mmalo mwa momwe angawonekere mu msakatuli mwachinsinsi. Izi zimadziwika ngati kugwiritsa ntchito Semantic HTML.
Kodi Semantic HTML ndi chiyani?
Masalmo HTML kapena semantic markup ndi HTML yomwe imatanthawuzira tanthauzo la tsamba la webusaiti osati kungolongosola. Mwachitsanzo, tsamba
limasonyeza kuti malemba omwe ali mkati ndi ndime.
Zonsezi ndizokhazikika komanso zowonongeka, chifukwa anthu amadziwa ndime zomwe zilipo komanso osatsegula amadziwa momwe angawonetsere.
Pazithunzi za mgwirizanowu, malemba ngati ndi sali semantic, chifukwa amatha kufotokozera momwe malembawo ayenera kuonekera (molimba kapena italic) ndipo osapereka tanthawuzo lina loonjezera.
Zitsanzo za malemba a HTML amatsitsimutso amapezera malemba a mutu
kupyolera , , ndi . Pali malemba ambiri a HTML omwe angagwiritsidwe ntchito pamene mumapanga webusaiti yoyenera.
Chifukwa Chake Muyenera Kusamala Zomwe Zimasokoneza Chiwerewere
Kupindula kwa kulemba kulembetsa HTML kumayambira pa zomwe ziyenera kukhala cholinga choyendetsa tsamba lililonse la webusaiti - chikhumbo cholankhulana. Mwa kuwonjezera zizindikiro zamagulu pamakalata anu, mumapereka zambiri zokhudzana ndi chilembacho, chomwe chimathandiza poyankhulana. Makamaka, malemba a semantic amawunikira kwa osatsegula chomwe tanthauzo la tsamba ndi zomwe zili.
Kufotokozera kumeneku kumayambitsidwanso ndi injini zofufuzira, kuonetsetsa kuti masamba oyenerera amaperekedwa kwa mafunso abwino.
Malemba a HTML a Semantic amapereka zokhudzana ndi zomwe zili mu ma tags omwe amapitirira kuposa momwe akuwonekera pa tsamba. Malemba omwe atsekedwa pamatsitsi amadziwika mwamsanga ndi osatsegula monga mtundu wina wa chilankhulo cholemba.
M'malo moyesera kupereka chikhomo, msakatuli amadziwa kuti mukugwiritsa ntchito malembawo monga chitsanzo cha chikhomo cha cholinga cha nkhani kapena mauthenga ena.
Kugwiritsa ntchito zizindikiro za semantic kukupatsani zikho zina zambiri zojambula zolemba zanu. Mwina lero mumakonda kukhala ndi zitsanzo zanu zachinsinsi muzithunzi zosasinthika, koma mawa, mukufuna kuwaitanira ndi mtundu wakuda, ndipo kenako mukufuna kufotokozera mwatsatanetsatane banja lanu la foni kapena foni kuti mugwiritsire ntchito zitsanzo zanu. Mukhoza kuchita zinthu zonsezi mosavuta pogwiritsira ntchito zolemba zamakono komanso kugwiritsa ntchito bwino CSS.
Gwiritsani ntchito Tags ya Semantic Moyenera
Pamene mukufuna kugwiritsa ntchito zizindikiro za semantic kuti mutanthauzire tanthawuzo m'malo mofotokozera zolinga, muyenera kusamala kuti musagwiritse ntchito molakwika pokhapokha kuti ziwonetsedwe zawo zowonekera. Ena mwa matchulidwe omwe amagwiritsidwa ntchito molakwika amagwiritsa ntchito:
- blockquote - Anthu ena amagwiritsa ntchito chizindikiro cha indenting malemba omwe si quotation. Izi ndichifukwa chakuti blockquotes amadziwika ndi chosasintha. Ngati mukufuna kungopindula ndi chidziwitso, koma mawuwo si blockquote, gwiritsani ntchito mitsinje ya CSS m'malo mwake.
- p - Olemba a webusaiti amagwiritsa ntchito
& nbsp; (osasweka malo omwe ali mu ndime) kuti awonjezere malo ena pakati pa tsamba, osati kufotokozera ndime zenizeni pa tsamba la tsambalo. Mofanana ndi chitsanzo chotsindika chomwe tanena kale, muyenera kugwiritsa ntchito malo osungirako zojambula kapena kupaka malo kuti muwonjezere malo.
- ul - Monga blockquote, kulembetsa malemba mkati mwa
chizindikiro chosungira mawu m'mawundula ambiri. Izi zonse zimangokhala zosalondola komanso zosayenera HTML, ngati malemba - ali ovomerezeka mulemba
. Apanso, gwiritsani ntchito ndondomeko yam'mbali kapena padding kuti mulembe malemba.
- h1-h6 - Malemba omwe angagwiritsidwe ntchito angagwiritsidwe ntchito kupanga zilembo zazikulu ndi zowonjezereka, koma ngati mawuwo sali mutu, sayenera kukhala mkati mwa mutu wa mutu. Gwiritsani ntchito zilembo zazithunzithunzi ndi mazithunzi a CSS m'malo mwake ngati mukufuna kusintha kukula kapena kulemera kwalemba pa tsamba lanu.
Pogwiritsa ntchito malemba a HTML omwe ali ndi tanthawuzo, mumapanga masamba omwe amapereka zambiri zowonjezera kuposa pozungulira zonse ndi malemba
.
Ndemanga Ziti HTML Zomwe Zimayambitsa Semantic?
Ngakhale pafupi chilembo chilichonse cha HTML4 ndi ma HTML5 onse ali ndi tanthawuzo zowonetsa, zizindikiro zina zimayambira pachimake.
Mwachitsanzo, HTML5 yatsimikizira tanthauzo la malemba ndi kuti akhale semantic. Chigamulo sichikutanthauza kufunika kwina, komatu malemba omwe amamasuliridwa molimba. Chizindikiro cha sichinatanthauzenso kufunikira kwina kapena kugogomezera, koma kumatanthauzira mawu omwe amamasuliridwa muzitsulo.
Masalmo HTML Tags
Kusintha Zosintha
Kutchulidwa kwanthaŵi yaitali Tanthauzo Adilesi kwa olemba (s) a chikalatacho Ndemanga Chiwonetsero cha Buku Malembo a Teletype Kusiyanitsa kwachinsinsi Chidebe choyambirira chachibadwa Malemba otsulidwa Malembo adayikidwa Kugogomezera Kutsindika kwakukulu
Mutu wamutu woyamba
Mutu wachiwiri wamasamba
Mutu wamtundu wachitatu
Mutu wachinayi wa mutu
Mutu wachisanu
Mutu wachisanu ndi chimodzi
Kusokonezeka mwatsatanetsatane Malemba oti alowe ndi wosuta
Ndemanga yokonzedweratu
Ndemanga yaying'ono yochepa Chitsanzo chosankhidwa Zotsatira Superscript Zolemba kapena zolemba zosinthika
, ndi . Pali malemba ambiri a HTML omwe angagwiritsidwe ntchito pamene mumapanga webusaiti yoyenera.
Chifukwa Chake Muyenera Kusamala Zomwe Zimasokoneza Chiwerewere
Kupindula kwa kulemba kulembetsa HTML kumayambira pa zomwe ziyenera kukhala cholinga choyendetsa tsamba lililonse la webusaiti - chikhumbo cholankhulana. Mwa kuwonjezera zizindikiro zamagulu pamakalata anu, mumapereka zambiri zokhudzana ndi chilembacho, chomwe chimathandiza poyankhulana. Makamaka, malemba a semantic amawunikira kwa osatsegula chomwe tanthauzo la tsamba ndi zomwe zili.
Kufotokozera kumeneku kumayambitsidwanso ndi injini zofufuzira, kuonetsetsa kuti masamba oyenerera amaperekedwa kwa mafunso abwino.
Malemba a HTML a Semantic amapereka zokhudzana ndi zomwe zili mu ma tags omwe amapitirira kuposa momwe akuwonekera pa tsamba. Malemba omwe atsekedwa pamatsitsi amadziwika mwamsanga ndi osatsegula monga mtundu wina wa chilankhulo cholemba.
M'malo moyesera kupereka chikhomo, msakatuli amadziwa kuti mukugwiritsa ntchito malembawo monga chitsanzo cha chikhomo cha cholinga cha nkhani kapena mauthenga ena.
Kugwiritsa ntchito zizindikiro za semantic kukupatsani zikho zina zambiri zojambula zolemba zanu. Mwina lero mumakonda kukhala ndi zitsanzo zanu zachinsinsi muzithunzi zosasinthika, koma mawa, mukufuna kuwaitanira ndi mtundu wakuda, ndipo kenako mukufuna kufotokozera mwatsatanetsatane banja lanu la foni kapena foni kuti mugwiritsire ntchito zitsanzo zanu. Mukhoza kuchita zinthu zonsezi mosavuta pogwiritsira ntchito zolemba zamakono komanso kugwiritsa ntchito bwino CSS.
Gwiritsani ntchito Tags ya Semantic Moyenera
Pamene mukufuna kugwiritsa ntchito zizindikiro za semantic kuti mutanthauzire tanthawuzo m'malo mofotokozera zolinga, muyenera kusamala kuti musagwiritse ntchito molakwika pokhapokha kuti ziwonetsedwe zawo zowonekera. Ena mwa matchulidwe omwe amagwiritsidwa ntchito molakwika amagwiritsa ntchito:
- blockquote - Anthu ena amagwiritsa ntchito chizindikiro cha indenting malemba omwe si quotation. Izi ndichifukwa chakuti blockquotes amadziwika ndi chosasintha. Ngati mukufuna kungopindula ndi chidziwitso, koma mawuwo si blockquote, gwiritsani ntchito mitsinje ya CSS m'malo mwake.
- p - Olemba a webusaiti amagwiritsa ntchito
& nbsp; (osasweka malo omwe ali mu ndime) kuti awonjezere malo ena pakati pa tsamba, osati kufotokozera ndime zenizeni pa tsamba la tsambalo. Mofanana ndi chitsanzo chotsindika chomwe tanena kale, muyenera kugwiritsa ntchito malo osungirako zojambula kapena kupaka malo kuti muwonjezere malo.
- ul - Monga blockquote, kulembetsa malemba mkati mwa
chizindikiro chosungira mawu m'mawundula ambiri. Izi zonse zimangokhala zosalondola komanso zosayenera HTML, ngati malemba - ali ovomerezeka mulemba
. Apanso, gwiritsani ntchito ndondomeko yam'mbali kapena padding kuti mulembe malemba.
- h1-h6 - Malemba omwe angagwiritsidwe ntchito angagwiritsidwe ntchito kupanga zilembo zazikulu ndi zowonjezereka, koma ngati mawuwo sali mutu, sayenera kukhala mkati mwa mutu wa mutu. Gwiritsani ntchito zilembo zazithunzithunzi ndi mazithunzi a CSS m'malo mwake ngati mukufuna kusintha kukula kapena kulemera kwalemba pa tsamba lanu.
Pogwiritsa ntchito malemba a HTML omwe ali ndi tanthawuzo, mumapanga masamba omwe amapereka zambiri zowonjezera kuposa pozungulira zonse ndi malemba
.
Ndemanga Ziti HTML Zomwe Zimayambitsa Semantic?
Ngakhale pafupi chilembo chilichonse cha HTML4 ndi ma HTML5 onse ali ndi tanthawuzo zowonetsa, zizindikiro zina zimayambira pachimake.
Mwachitsanzo, HTML5 yatsimikizira tanthauzo la malemba ndi kuti akhale semantic. Chigamulo sichikutanthauza kufunika kwina, komatu malemba omwe amamasuliridwa molimba. Chizindikiro cha sichinatanthauzenso kufunikira kwina kapena kugogomezera, koma kumatanthauzira mawu omwe amamasuliridwa muzitsulo.
Masalmo HTML Tags
Kusintha Zosintha
Kutchulidwa kwanthaŵi yaitali Tanthauzo Adilesi kwa olemba (s) a chikalatacho Ndemanga Chiwonetsero cha Buku Malembo a Teletype Kusiyanitsa kwachinsinsi Chidebe choyambirira chachibadwa Malemba otsulidwa Malembo adayikidwa Kugogomezera Kutsindika kwakukulu
Mutu wamutu woyamba
Mutu wachiwiri wamasamba
Mutu wamtundu wachitatu
Mutu wachinayi wa mutu
Mutu wachisanu
Mutu wachisanu ndi chimodzi
Kusokonezeka mwatsatanetsatane Malemba oti alowe ndi wosuta
Ndemanga yokonzedweratu
Ndemanga yaying'ono yochepa Chitsanzo chosankhidwa Zotsatira Superscript Zolemba kapena zolemba zosinthika