Usa ka importante nga baruganan sa kalihokan sa Web Standards nga maoy hinungdan sa industriya nga aduna kita karon mao ang ideya sa paggamit sa mga elemento sa HTML alang sa unsa kini sa unsa nga paagi sa unsa nga paagi nga kini makita sa browser nga dili aktibo. Kini nailhan nga naggamit sa Semantiko nga HTML.
Unsa ang Semantiko nga HTML
Ang semantiko nga HTML o semantiko nga marka mao ang HTML nga nagpaila sa kahulogan sa web page kay sa pagpresentar lang. Pananglitan, ang usa ka tag
nagpakita nga ang gisukip nga teksto usa ka parapo.
Kini mao ang semantiko ug presentasyon, tungod kay ang mga tawo nasayud unsa ang mga parapo ug ang mga browser nahibal-an kon unsaon kini pagpakita.
Diha sa tumoy nga bahin niini nga equation, ang mga tag sama sa ug dili semantiko, tungod kay kini nagpaila kon unsaon nga ang teksto kinahanglan nga tan-awon (bold o italic) ug dili mohatag og dugang nga kahulogan sa markup.
Ang mga panig-ingnan sa mga tag sa mga semantiko sa HTML naglakip sa mga tag sa header
pinaagi sa , , ug . Adunay daghan pang mga semantiko nga mga tag sa HTML nga mahimong gamiton samtang nagtukod ka sa usa ka website nga nagsunod sa mga sumbanan.
Nganong Kinahanglan Nimong Pangitaon ang mga Semantiko
Ang kaayohan sa pagsulat sa semantiko nga HTML naggikan sa unsa ang kinahanglan nga tumong sa pagpadagan sa bisan unsang web page-ang tinguha nga makigsulti. Pinaagi sa pagdugang sa mga tagsing semantic sa imong dokumento, naghatag ka og dugang nga kasayuran mahitungod niana nga dokumento, nga makatabang sa komunikasyon. Sa piho, ang mga tag sa semant nagpatin-aw sa browser unsa ang kahulogan sa usa ka panid ug ang sulod niini.
Kana nga katin-aw gipahibalo usab sa mga search engine, pagsiguro nga ang husto nga mga panid ipadala alang sa husto nga mga pangutana.
Ang mga tagsang Semantiko sa HTML naghatag og kasayuran mahitungod sa mga sulod sa mga tag nga dili lamang kon unsaon nila pagtan-aw sa usa ka panid. Ang teksto nga gisulod sa tag dali nga giila sa browser ingon nga usa ka matang sa coding nga pinulongan.
Inay sa pagsulay sa paghubad niana nga code, ang browser nakasabot nga imong gigamit ang maong teksto isip usa ka ehemplo sa code alang sa mga katuyoan sa usa ka artikulo o usa ka online nga texto sa usa ka matang.
Ang paggamit sa mga tags sa semantika naghatag kanimo og daghan pang mga kaw-itanan alang sa pag-istilo sa imong sulod. Tingali karong adlawa mas gusto nimo nga ipasundayag ang imong mga sample code sa default style browser, apan ugma, gusto nimo nga tawagon kini gamit ang gray nga background color, ug sa ulahi buot nimo ipasabot ang tukmang mono-spaced font family o font stack nga gamiton ang imong mga sampol. Mahimo nimong buhaton ang tanan niining mga butang pinaagi sa paggamit sa semantiko nga markup ug sa maalamong paggamit sa CSS.
Hustong Paggamit sa mga Semantiko nga mga Tag
Kung buot nimo nga gamiton ang mga tagsing semilya aron ipahayag ang kahulogan kay sa mga katuyoan sa pagpasundayag, kinahanglan nga mag-amping ka nga dili nimo gamiton kini sa sayop nga paagi alang lamang sa ilang kasagarang pasundayag nga mga kabtangan. Ang pipila sa mga kasagarang gigamit nga mga tibuuk nga semantiko naglakip sa:
- blockquote - Ang uban nga mga tawo naggamit sa tag alang sa indenting nga teksto nga dili usa ka kinutlo. Kini tungod kay ang mga blockquote gipaumol pinaagi sa default. Kung gusto ka lang nga makahatag ka ug benepisyo, apan ang teksto dili usa ka blockquote, gamita ang CSS margins.
- Ang pila sa mga editors sa web naggamit sa
& nbsp; p> (usa ka dili paglapas nga luna nga anaa sa usa ka paragraoph) aron makadugang sa dugang nga luna tali sa mga elemento sa panid, kay sa paghatag sa tinuod nga mga parapo alang sa teksto niana nga panid. Sama sa nahisgotan na nga indenting nga panig-ingnan, kinahanglan nimo gamiton ang estilo sa panaplin o padding aron makadugang sa luna.
- ul - Sama sa blockquote, nga naglakip sa teksto sulod sa usa ka
tag indents nga teksto sa daghang mga browser. Kini ang sayop ug walay balido nga HTML, ingon lamang nga mga tags ang balido sulod sa tag . Pag-usab, gamita ang margin o padding style sa indent text.
- h1-h6 - Ang ulohan nga mga tag magamit aron sa paghimo sa mga font nga mas dagko ug mas agresibo, apan kung ang teksto dili usa ka ulohan, dili kini sulod sa usa ka tag sa ulohan. Gamita ang font-weight ug font-size CSS properties kung gusto nimong usbon ang gidak-on o gibug-aton sa piho nga teksto sa imong panid ..
Pinaagi sa paggamit sa tag sa mga tag nga may kahulogan, naghimo ka og mga panid nga naghatag og dugang nga impormasyon kay sa paglibot lang sa tanang mga butang uban ang mga tag
.
Unsang mga HTML Tags ang Semantiko?
Samtang halos kada tagsa nga HTML4 ug ang tanan nga mga tag sa HTML5 adunay semantiko nga kahulogan, ang pipila ka mga tag ang una sa semantiko sa kinaiyahan.
Pananglitan, ang HTML5 nag-usab sa kahulogan sa ug mga tag aron mahimong semantiko. Ang tag wala nagpahayag sa dugang kaimportante, apan ang teksto nga kasagaran gihubad nga maisugon. Ang tag usab wala magpasabot sa sobra nga importansya o paghatag gibug-aton, apan naghubit sa teksto nga kasagaran gihubad diha sa italiko.
Semantic HTML Tags
Pagdugang Acronym
Taas nga kinutlo Kahubitan Pagbalita alang sa (mga) awtor sa dokumento Citation
Paghisgot sa kodigo Teletype text Lohikal nga dibisyon Generic inline style container Giputol nga teksto Gisulod nga teksto Gipasiugda Kusog nga paghatag gibug-aton
Unang lebel nga ulohan
Ikaduhang lebel nga ulohan
Ikatulong-lebel nga ulohan
Ikaupat nga lebel nga ulohan
Ikalimang lebel nga ulohan
Sixth-level headline
Ang break nga tema Ang teksto nga isulod sa user
Nauna nang gisulat nga teksto
Mubo nga inline nga kutlo Sample nga output Subskripsyon Superscript Tukma nga lainlain o tiggamit sa texto
, ug . Adunay daghan pang mga semantiko nga mga tag sa HTML nga mahimong gamiton samtang nagtukod ka sa usa ka website nga nagsunod sa mga sumbanan.
Nganong Kinahanglan Nimong Pangitaon ang mga Semantiko
Ang kaayohan sa pagsulat sa semantiko nga HTML naggikan sa unsa ang kinahanglan nga tumong sa pagpadagan sa bisan unsang web page-ang tinguha nga makigsulti. Pinaagi sa pagdugang sa mga tagsing semantic sa imong dokumento, naghatag ka og dugang nga kasayuran mahitungod niana nga dokumento, nga makatabang sa komunikasyon. Sa piho, ang mga tag sa semant nagpatin-aw sa browser unsa ang kahulogan sa usa ka panid ug ang sulod niini.
Kana nga katin-aw gipahibalo usab sa mga search engine, pagsiguro nga ang husto nga mga panid ipadala alang sa husto nga mga pangutana.
Ang mga tagsang Semantiko sa HTML naghatag og kasayuran mahitungod sa mga sulod sa mga tag nga dili lamang kon unsaon nila pagtan-aw sa usa ka panid. Ang teksto nga gisulod sa tag dali nga giila sa browser ingon nga usa ka matang sa coding nga pinulongan.
Inay sa pagsulay sa paghubad niana nga code, ang browser nakasabot nga imong gigamit ang maong teksto isip usa ka ehemplo sa code alang sa mga katuyoan sa usa ka artikulo o usa ka online nga texto sa usa ka matang.
Ang paggamit sa mga tags sa semantika naghatag kanimo og daghan pang mga kaw-itanan alang sa pag-istilo sa imong sulod. Tingali karong adlawa mas gusto nimo nga ipasundayag ang imong mga sample code sa default style browser, apan ugma, gusto nimo nga tawagon kini gamit ang gray nga background color, ug sa ulahi buot nimo ipasabot ang tukmang mono-spaced font family o font stack nga gamiton ang imong mga sampol. Mahimo nimong buhaton ang tanan niining mga butang pinaagi sa paggamit sa semantiko nga markup ug sa maalamong paggamit sa CSS.
Hustong Paggamit sa mga Semantiko nga mga Tag
Kung buot nimo nga gamiton ang mga tagsing semilya aron ipahayag ang kahulogan kay sa mga katuyoan sa pagpasundayag, kinahanglan nga mag-amping ka nga dili nimo gamiton kini sa sayop nga paagi alang lamang sa ilang kasagarang pasundayag nga mga kabtangan. Ang pipila sa mga kasagarang gigamit nga mga tibuuk nga semantiko naglakip sa:
- blockquote - Ang uban nga mga tawo naggamit sa tag alang sa indenting nga teksto nga dili usa ka kinutlo. Kini tungod kay ang mga blockquote gipaumol pinaagi sa default. Kung gusto ka lang nga makahatag ka ug benepisyo, apan ang teksto dili usa ka blockquote, gamita ang CSS margins.
- Ang pila sa mga editors sa web naggamit sa
& nbsp; p> (usa ka dili paglapas nga luna nga anaa sa usa ka paragraoph) aron makadugang sa dugang nga luna tali sa mga elemento sa panid, kay sa paghatag sa tinuod nga mga parapo alang sa teksto niana nga panid. Sama sa nahisgotan na nga indenting nga panig-ingnan, kinahanglan nimo gamiton ang estilo sa panaplin o padding aron makadugang sa luna.
- ul - Sama sa blockquote, nga naglakip sa teksto sulod sa usa ka
tag indents nga teksto sa daghang mga browser. Kini ang sayop ug walay balido nga HTML, ingon lamang nga mga tags ang balido sulod sa tag . Pag-usab, gamita ang margin o padding style sa indent text.
- h1-h6 - Ang ulohan nga mga tag magamit aron sa paghimo sa mga font nga mas dagko ug mas agresibo, apan kung ang teksto dili usa ka ulohan, dili kini sulod sa usa ka tag sa ulohan. Gamita ang font-weight ug font-size CSS properties kung gusto nimong usbon ang gidak-on o gibug-aton sa piho nga teksto sa imong panid ..
Pinaagi sa paggamit sa tag sa mga tag nga may kahulogan, naghimo ka og mga panid nga naghatag og dugang nga impormasyon kay sa paglibot lang sa tanang mga butang uban ang mga tag
.
Unsang mga HTML Tags ang Semantiko?
Samtang halos kada tagsa nga HTML4 ug ang tanan nga mga tag sa HTML5 adunay semantiko nga kahulogan, ang pipila ka mga tag ang una sa semantiko sa kinaiyahan.
Pananglitan, ang HTML5 nag-usab sa kahulogan sa ug mga tag aron mahimong semantiko. Ang tag wala nagpahayag sa dugang kaimportante, apan ang teksto nga kasagaran gihubad nga maisugon. Ang tag usab wala magpasabot sa sobra nga importansya o paghatag gibug-aton, apan naghubit sa teksto nga kasagaran gihubad diha sa italiko.
Semantic HTML Tags
Pagdugang Acronym
Taas nga kinutlo Kahubitan Pagbalita alang sa (mga) awtor sa dokumento Citation
Paghisgot sa kodigo Teletype text Lohikal nga dibisyon Generic inline style container Giputol nga teksto Gisulod nga teksto Gipasiugda Kusog nga paghatag gibug-aton
Unang lebel nga ulohan
Ikaduhang lebel nga ulohan
Ikatulong-lebel nga ulohan
Ikaupat nga lebel nga ulohan
Ikalimang lebel nga ulohan
Sixth-level headline
Ang break nga tema Ang teksto nga isulod sa user
Nauna nang gisulat nga teksto
Mubo nga inline nga kutlo Sample nga output Subskripsyon Superscript Tukma nga lainlain o tiggamit sa texto