Mga Taghatag sa HTML

Unsaon sa Pagmugna sa Correctly HTML

Kon tan-awon nimo ang HTML markup alang sa bisan unsa nga webpage karon, imong makita ang mga elemento sa HTML nga anaa sa sulod sa ubang mga elemento sa HTML. Kini nga mga elemento nga "sulod" sa uban mao ang gitawag nga "nested elements", ug kini mahinungdanon sa pagtukod sa bisan unsang web page karon.

Unsay Kahulogan Niini sa mga Tags sa Tagsa nga HTML?

Ang labing sayon ​​nga paagi sa pagsabut sa paghangad mao ang paghunahuna sa mga tag sa HTML isip mga kahon nga naghupot sa imong sulod. Ang imong sulod mahimong maglakip sa teksto, mga hulagway, ug uban pa. Ang mga tag sa HTML mao ang mga kahon sa palibot sa sulod. Usahay, kinahanglan nimo ibutang ang mga kahon sa sulod sa ubang mga kahon. Kadtong "mga sulod" nga mga kahon gisulud sa sulod sa uban.

Kon adunay usa ka block sa teksto nga gusto nimo nga maisugon sulod sa usa ka parapo, adunay duha ka mga elemento sa HTML ingon man ang teksto mismo.

Pananglitan: Kini usa ka sentence sa teksto.

Kana nga teksto ang atong gamiton isip atong panig-ingnan. Ania kung unsaon kini isulat.

Pananglitan: Kini usa ka sentence sa teksto.

Tungod kay gusto nimo ang pulong nga "sentensiya" nga magmaisugon, ikaw makadugang sa pag-abli ug pagtapos sa mga bold nga mga tag sa dili pa ug human nga ang gibug-aton.

Pananglitan: Kini usa ka sentensiya sa teksto.

Sama sa imong makita, kami adunay usa ka kahon (ang parapo) nga naglangkob sa sulod / teksto sa atong han-ay sa mga pulong, dugang sa ikaduha nga kahon (ang lig-on nga tag nga tag), nga maghatag sa maong pulong nga maisugon.

Kon maghimo ka ug mga tag, kini mahinungdanon kaayo nga imong tapuson ang tag sa kaatbang nga han-ay nga giablihan nimo kini. Imong ablihan ang

una, nga gisundan sa , nga nagpasabut nga imong balihon kana ug isira ang ug unya ang .

Ang laing paagi sa paghunahuna mahitungod niini mao ang paggamit pag-usab sa pagkasusama sa mga kahon. Kon ibutang nimo ang usa ka kahon sa sulod sa laing kahon, kinahanglan nimong tapuson ang sulod sa usa ka bahin sa dili ka makahimo sa pagtakop sa gawas o sulod nga kahon.

Pagdugang sa Labing Nested Tags

Unsa kaha kung gusto nimo usa o duha ka mga pulong nga magmaisugon, ug ang lain nga italiko? Ania kung unsaon pagbuhat niana.

Pananglitan: Kini usa ka sentensiya sa teksto ug adunay usab nga italicized text usab.

Makita nimo nga ang among outer box, ang

, karon adunay duha ka nested tag sa sulod niini - ang ug ang . Kinahanglan nga kini pagasirhan sa dili pa sirado ang kahon nga may sulod nga kahon.

Pananglitan: Kini usa ka sentensiya sa teksto ug adunay usab nga italiko nga teksto usab.

/ p>

Sa niini nga kaso kita adunay mga kahon sa sulod sa mga kahon! Ang labing kahon mao ang

o usa ka "dibisyon". Diha sa kahon ang usa ka parisan nga tag-tag nga parapo, ug sulod sa unang parapo adunay sunod nga ug tag nga paris. Sa makausa pa, tan-awa ang bisan unsang web page karon ug imong makita kini ug labi pa nga nagakahitabo! Mao kini ang pagtukod sa mga panid - mga kahon sa sulod sa mga kahon.

Nganong Angay Nimo Pag-atiman sa Pagpangandam

Ang gidaghanon sa usa ka katarungan nga kinahanglan ka nga mahunahuna mahitungod sa pag-istar mao ang kung imong gamiton ang CSS. Ang Cascading Style Sheets nagsalig sa mga tag aron kanunay nga magsulud sa sulod sa dokumento aron kini makasulti kung asa magsugod ug matapos ang mga estilo. Kung maghimo ka og usa ka estilo nga makaapekto sa tanan nga "mga link nga anaa sa sulod sa dibisyon nga adunay usa ka klase sa" main-content "" nga teksto sa panid, ang sayop nga paghimo sa nesting nagpalisod sa browser nga masayud kung asa magamit kini nga mga estilo. Atong tan-awon ang pipila ka HTML:

Pananglitan: Kini usa ka sentensiya sa teksto ug adunay usab nga italiko nga teksto usab.

Kini mao ang laing paragraph .

Pinaagi sa paggamit sa panig-ingnan nga bag-o lang nako gipahayag, kung gusto kong magsulat sa usa ka estilo sa CSS nga maka-epekto sa link sa sulod niini nga dibisyon, ug kini nga link lamang (sukwahi sa bisan unsang mga link sa uban nga mga seksyon sa pahina), kinahanglan kong gamiton ang nga nagsulat sa pagsulat sa akong estilo, sa ingon:

.main-content a {color: # F00; }

Ang ubang mga rason naglakip sa accessibility ug compatibility sa browser. Kung ang imong HTML sayop nga gisudlan, kini dili mahimong ma-access sa screen readers ug sa mas karaan nga mga browser - ug kini mahimong hingpit nga makalapas sa biswal nga dagway sa usa ka panid kon ang mga browser dili makahunahuna kon unsaon paghatag sa husto nga pahina tungod sa mga elemento sa HTML ug mga tag wala sa lugar.

Sa katapusan, kung naningkamot ka sa pagsulat sa hingpit nga husto ug balido nga HTML, kinahanglang gamiton nimo ang husto nga pagsabsab. Kay kon dili, ang matag validator magmarka sa imong HTML nga dili sakto.