Is e prionnsapal cudromach de ghluasad Inbhean Lìn a tha an urra ris a 'ghnìomhachas a th' againn an-diugh am beachd a bhith a 'cleachdadh eileamaidean HTML airson na tha iad an àite mar a dh'fhaodadh iad nochdadh sa bhrobhsair mar as trice. Canar seo gu bhith a 'cleachdadh Semantic HTML.
Dè a th 'ann an HTML Semantic
Is e HTML semantic no comharradh semantic HTML a tha a 'toirt a-steach ciall don duilleag lìn seach dìreach taisbeanadh. Mar eisimpleir, tha tag
a 'sealltainn gur e paragraf an teacsa a tha dùinte.
Tha seo an dà chuid seantansach agus taisbeanaidh, oir tha fios aig daoine dè na paragrafan agus fios aig na brabhsairean mar a bhios iad gan taisbeanadh.
Air taobh clì na co-aontar seo, chan eil tagaichean mar agus sìmplidh, oir chan eil iad a 'mìneachadh ach ciamar a bu chòir don teacsa coimhead (trom no clò eadailteach) agus cha toir iad brìgh sam bith eile don chomharra.
Am measg eisimpleirean de thiotalan sìmplidh HTML tha na tagaichean cinnidh
tro , , agus . Tha mòran a bharrachd tagaichean semantic HTML a dh'fhaodar a chleachdadh fhad 'sa tha thu a' togail làrach-lìn a tha a 'gèilleadh inbhean.
Carson a bu chòir dhut cùram a thoirt mu dheidhinn semantics
Tha a 'bhuannachd a bhith a' sgrìobhadh HTML semantic a 'tighinn bho na bu chòir a bhith na amas dràibhidh air làrach-lìn sam bith - am miann conaltradh. Le bhith a 'cur tagaichean semantic ris an sgrìobhainn agad, bheir thu seachad fiosrachadh a bharrachd mun sgrìobhainn sin, a tha a' cuideachadh le conaltradh. Gu sònraichte, tha tagaichean semantach ga dhèanamh soilleir don bhrobhsair dè a tha ann an duilleag agus a susbaint.
Tha an soilleireachd sin cuideachd air a chur an cèill le innealan rannsachaidh, a 'dèanamh cinnteach gu bheil na duilleagan ceart air an lìbhrigeadh airson na ceistean ceart.
Tha tagaichean HTML semantic a 'toirt seachad fiosrachadh mu na tha anns na tagaichean a tha a' dol seachad dìreach mar a tha iad a 'coimhead air duilleag. Tha teacsa a tha dùinte sa tag aithnichte sa bhad leis a 'bhrabhsair mar chuid de chànain còdaidh.
An àite a bhith a 'feuchainn ris a' chòd sin a thoirt seachad, tha am brabhsair a 'tuigsinn gu bheil thu a' cleachdadh an teacsa sin mar eisimpleir den chòd airson adhbharan artaigil no oideachadh air-loidhne de sheòrsa.
Le bhith a 'cleachdadh tagaichean semantic bheir thu barrachd dhuilleagan dhut airson a bhith a' dealbhadh do shusbaint. Is dòcha gu bheil e nas fheàrr an-diugh gum bi na samplaidhean còd agad air an taisbeanadh anns an stoidhle brabhsair bunaiteach, ach amàireach, tha thu airson an gairm le dath cùl-raoin, agus nas fhaide air adhart tha thu airson mìneachadh a dhèanamh air an teaghlach chruth no cruach clò -chruinne mionaideach a tha air a chleachdadh airson na samples agad. Is urrainn dhut na rudan sin a dhèanamh gu furasta le bhith a 'cleachdadh comharradh semantic agus CSS air a chur an gnìomh gu sgiobalta.
Cleachdaibh tagaichean semantic ceart
Nuair a tha thu airson tagaichean semantic a chleachdadh gus brìgh a chur an cèill an àite a bhith a 'taisbeanadh, feumar a bhith faiceallach nach cleachd thu iad gu ceàrr dìreach airson na togalaichean taisbeanaidh aca. Seo cuid de na tagaichean semantic as cumanta a tha a 'cleachdadh:
- bacadh - Tha cuid de dhaoine a 'cleachdadh an tag airson teacsa a chuir a-steach nach eil na luachadh. Tha seo air sgàth 's gu bheil cnapan-starra air an cuir a-steach gu bunaiteach. Ma tha thu dìreach ag iarraidh buannachdan bho dhol a-steach, ach chan eil bacadh air an teacsa, cleachd iomaill CSS an àite sin.
- p - Bidh cuid de luchd-deasachaidh lìn a 'cleachdadh
& nbsp; p> (àite neo-bhriseadh ann am paragraoph) gus àite a bharrachd a chur eadar eileamaidean duilleig, seach a bhith a' mìneachadh pharagrafan fìor airson teacsa na duilleig sin. Coltach ris an eisimpleir indenting a chaidh ainmeachadh roimhe, bu chòir dhut an t-iomall no an stoidhle gleadaidh a chleachdadh gus àite a chur ris.
- ul - Coltach ri cnap-starra, a 'toirt a-steach teacsa am broinn tagaichean tag
gu bheil an teacsa anns a' mhòr-chuid de bhrabhsairean. Tha seo an dà chuid mearachdach ceàrr agus HTML neo-dhligheach, oir chan eil ach - tagaichean dligheach taobh a-staigh tag
. A-rithist, cleachd an t-iomall no an stoidhle gleadaidh gus teacsa a chuir a-steach.
- h1-h6 - Faodar na taganan cinn a chleachdadh gus clò-bhuail a dhèanamh nas motha agus nas treubha, ach mura h-eil ceann-sgrìobhaidh ann, cha bu chòir a bhith taobh a-staigh tag cinn. Cleachd na goireasan CSS font-weight agus font-size an àite ma tha thu airson meud no cuideam teacsa sònraichte atharrachadh air do dhuilleag ..
Le bhith a 'cleachdadh tagaichean HTML aig a bheil ciall, cruthaichidh tu duilleagan a bheir barrachd fiosrachaidh na dìreach le bhith a' cuairteachadh a h-uile rud le
tags.
Dè na HTML tags a tha sìmplidh?
Ged a tha ciall semantic aig cha mhòr a h-uile tag HTML4 agus na tagaichean HTML5, tha cuid de na tagaichean gu ìre mhòr ann an nàdar.
Mar eisimpleir, tha HTML5 air ciall na tagaichean agus ath-mhìneachadh a bhith sìmplidh. Chan eil an tag a 'toirt a-mach cus cudrom, ach teacsa a tha air a dhèanamh ann an clò trom mar as trice. Chan eil an tag cuideachd a 'toirt a-mach cus cudrom no cuideam, ach tha e a' mìneachadh teacsa a tha mar as trice air a dhèanamh ann an clò eadailteach.
Duilleagan HTML semanticach
Giorrachadh Acronym
Iomradh fada Mìneachadh Seòladh airson ùghdaran na sgrìobhainnean Luaidh
Iomradh còd Teletype teacs Roinn loidsigeach Coinnear stoidhle in-loidhne coitcheann Teacs a chaidh a dhubhadh às Teacsa air a chuir a-steach Buaidh Cudrom làidir
Ceann-cinnidh aig a 'chiad ìre
Ceann-loidhne dàrna ìre
Ceann-uidhe treas ìre
Ceann-ceathramh ìre
Ceann-uidhe còig ìre
Ceann-cinn sia-ìre
Cuspair briseadh Teacsa ri chur a-steach leis an neach-cleachdaidh
Teacs ro-fhormaichte
Tarraing in-loidhne ghoirid Sampla toradh Fo-sgrìobhadh Superscript Teacs eadar-dhealaichte no teacsa a chleachdas an cleachdaiche
, agus . Tha mòran a bharrachd tagaichean semantic HTML a dh'fhaodar a chleachdadh fhad 'sa tha thu a' togail làrach-lìn a tha a 'gèilleadh inbhean.
Carson a bu chòir dhut cùram a thoirt mu dheidhinn semantics
Tha a 'bhuannachd a bhith a' sgrìobhadh HTML semantic a 'tighinn bho na bu chòir a bhith na amas dràibhidh air làrach-lìn sam bith - am miann conaltradh. Le bhith a 'cur tagaichean semantic ris an sgrìobhainn agad, bheir thu seachad fiosrachadh a bharrachd mun sgrìobhainn sin, a tha a' cuideachadh le conaltradh. Gu sònraichte, tha tagaichean semantach ga dhèanamh soilleir don bhrobhsair dè a tha ann an duilleag agus a susbaint.
Tha an soilleireachd sin cuideachd air a chur an cèill le innealan rannsachaidh, a 'dèanamh cinnteach gu bheil na duilleagan ceart air an lìbhrigeadh airson na ceistean ceart.
Tha tagaichean HTML semantic a 'toirt seachad fiosrachadh mu na tha anns na tagaichean a tha a' dol seachad dìreach mar a tha iad a 'coimhead air duilleag. Tha teacsa a tha dùinte sa tag aithnichte sa bhad leis a 'bhrabhsair mar chuid de chànain còdaidh.
An àite a bhith a 'feuchainn ris a' chòd sin a thoirt seachad, tha am brabhsair a 'tuigsinn gu bheil thu a' cleachdadh an teacsa sin mar eisimpleir den chòd airson adhbharan artaigil no oideachadh air-loidhne de sheòrsa.
Le bhith a 'cleachdadh tagaichean semantic bheir thu barrachd dhuilleagan dhut airson a bhith a' dealbhadh do shusbaint. Is dòcha gu bheil e nas fheàrr an-diugh gum bi na samplaidhean còd agad air an taisbeanadh anns an stoidhle brabhsair bunaiteach, ach amàireach, tha thu airson an gairm le dath cùl-raoin, agus nas fhaide air adhart tha thu airson mìneachadh a dhèanamh air an teaghlach chruth no cruach clò -chruinne mionaideach a tha air a chleachdadh airson na samples agad. Is urrainn dhut na rudan sin a dhèanamh gu furasta le bhith a 'cleachdadh comharradh semantic agus CSS air a chur an gnìomh gu sgiobalta.
Cleachdaibh tagaichean semantic ceart
Nuair a tha thu airson tagaichean semantic a chleachdadh gus brìgh a chur an cèill an àite a bhith a 'taisbeanadh, feumar a bhith faiceallach nach cleachd thu iad gu ceàrr dìreach airson na togalaichean taisbeanaidh aca. Seo cuid de na tagaichean semantic as cumanta a tha a 'cleachdadh:
- bacadh - Tha cuid de dhaoine a 'cleachdadh an tag airson teacsa a chuir a-steach nach eil na luachadh. Tha seo air sgàth 's gu bheil cnapan-starra air an cuir a-steach gu bunaiteach. Ma tha thu dìreach ag iarraidh buannachdan bho dhol a-steach, ach chan eil bacadh air an teacsa, cleachd iomaill CSS an àite sin.
- p - Bidh cuid de luchd-deasachaidh lìn a 'cleachdadh
& nbsp; p> (àite neo-bhriseadh ann am paragraoph) gus àite a bharrachd a chur eadar eileamaidean duilleig, seach a bhith a' mìneachadh pharagrafan fìor airson teacsa na duilleig sin. Coltach ris an eisimpleir indenting a chaidh ainmeachadh roimhe, bu chòir dhut an t-iomall no an stoidhle gleadaidh a chleachdadh gus àite a chur ris.
- ul - Coltach ri cnap-starra, a 'toirt a-steach teacsa am broinn tagaichean tag
gu bheil an teacsa anns a' mhòr-chuid de bhrabhsairean. Tha seo an dà chuid mearachdach ceàrr agus HTML neo-dhligheach, oir chan eil ach - tagaichean dligheach taobh a-staigh tag
. A-rithist, cleachd an t-iomall no an stoidhle gleadaidh gus teacsa a chuir a-steach.
- h1-h6 - Faodar na taganan cinn a chleachdadh gus clò-bhuail a dhèanamh nas motha agus nas treubha, ach mura h-eil ceann-sgrìobhaidh ann, cha bu chòir a bhith taobh a-staigh tag cinn. Cleachd na goireasan CSS font-weight agus font-size an àite ma tha thu airson meud no cuideam teacsa sònraichte atharrachadh air do dhuilleag ..
Le bhith a 'cleachdadh tagaichean HTML aig a bheil ciall, cruthaichidh tu duilleagan a bheir barrachd fiosrachaidh na dìreach le bhith a' cuairteachadh a h-uile rud le
tags.
Dè na HTML tags a tha sìmplidh?
Ged a tha ciall semantic aig cha mhòr a h-uile tag HTML4 agus na tagaichean HTML5, tha cuid de na tagaichean gu ìre mhòr ann an nàdar.
Mar eisimpleir, tha HTML5 air ciall na tagaichean agus ath-mhìneachadh a bhith sìmplidh. Chan eil an tag a 'toirt a-mach cus cudrom, ach teacsa a tha air a dhèanamh ann an clò trom mar as trice. Chan eil an tag cuideachd a 'toirt a-mach cus cudrom no cuideam, ach tha e a' mìneachadh teacsa a tha mar as trice air a dhèanamh ann an clò eadailteach.
Duilleagan HTML semanticach
Giorrachadh Acronym
Iomradh fada Mìneachadh Seòladh airson ùghdaran na sgrìobhainnean Luaidh
Iomradh còd Teletype teacs Roinn loidsigeach Coinnear stoidhle in-loidhne coitcheann Teacs a chaidh a dhubhadh às Teacsa air a chuir a-steach Buaidh Cudrom làidir
Ceann-cinnidh aig a 'chiad ìre
Ceann-loidhne dàrna ìre
Ceann-uidhe treas ìre
Ceann-ceathramh ìre
Ceann-uidhe còig ìre
Ceann-cinn sia-ìre
Cuspair briseadh Teacsa ri chur a-steach leis an neach-cleachdaidh
Teacs ro-fhormaichte
Tarraing in-loidhne ghoirid Sampla toradh Fo-sgrìobhadh Superscript Teacs eadar-dhealaichte no teacsa a chleachdas an cleachdaiche