Inapakia Vitambulisho vya HTML

Jinsi ya Kutaza Tags ya HTML kwa usahihi

Ikiwa unatazama markup HTML kwa ukurasa wowote wa wavuti leo, utaona vipengele vya HTML vyenye ndani ya vipengele vingine vya HTML. Mambo haya ambayo ni "ndani" ya mengine ni yale yanajulikana kama "vipengee vyema", na ni muhimu kujenga ukurasa wowote wa wavuti leo.

Ina maana gani kwa Tags ya kiota ya HTML?

Njia rahisi kabisa ya kuelewa kiota ni kufikiria matangazo ya HTML kama masanduku yaliyoshikilia maudhui yako. Maudhui yako yanaweza kuingiza maandishi, picha, nk. Lebo za HTML ni masanduku yaliyozunguka maudhui. Wakati mwingine, unahitaji mahali kwenye masanduku ndani ya masanduku mengine. Masanduku hayo "ya ndani" yameketi ndani ya wengine.

Ikiwa una kizuizi cha maandishi unayotaka ujasiri ndani ya aya, utakuwa na mambo mawili ya HTML pamoja na maandishi yenyewe.

Mfano: Hii ni hukumu ya maandiko.

Nakala hiyo ni nini tutachotumia kama mfano wetu. Hapa ndivyo ilivyoandikwa.

Mfano: Hii ni hukumu ya maandiko.

Kwa sababu unataka neno "hukumu" kuwa na ujasiri, unauongeze ufunguzi na kufungwa vitambulisho vya ujasiri kabla na baada ya kilele.

Mfano: Hii ni sentensi ya maandishi.

Kama unaweza kuona, tuna sanduku moja (kifungu) kilicho na maudhui / maandiko ya hukumu yetu, pamoja na sanduku la pili (jozi lenye nguvu), ambalo litatoa neno hilo kwa ujasiri.

Unapoweka vitambulisho, ni muhimu sana kwamba ufunge vitambulisho kinyume chake uliwafungua. Unafungua

kwanza, ikifuatiwa na , ambayo inamaanisha kugeuza hiyo na kufunga halafu .

Njia nyingine ya kufikiri juu ya hili ni tena kutumia mfano wa masanduku. Ikiwa unaweka sanduku ndani ya sanduku lingine, unapaswa kufunga ndani ya ndani kabla ya kufunga sanduku la nje au linalo.

Inaongeza Tags zaidi ya Nested

Nini kama unataka tu maneno moja au mawili kuwa na ujasiri, na mwingine kuweka italiki? Hapa ni jinsi ya kufanya hivyo.

Mfano: Hii ni sentensi ya maandishi na pia ina maandishi ya kichapishaji pia.

Unaweza kuona kwamba sanduku la nje,

, sasa lina tags mbili za ndani ndani yake - na . Lazima wote kufungwa kabla ya sanduku hilo linaweza kufungwa.

Mfano: Hii ni sentensi ya maandishi na pia ina maandishi ya kichapishaji pia.

Hii ni aya nyingine. < / p>

Katika kesi hii tuna masanduku ndani ya masanduku! Sanduku la nje zaidi ni

au "mgawanyiko". Ndani ya sanduku hilo ni jozi la vitambulisho vya aya, na ndani ya aya ya kwanza tuna jitihada ya pili ya na . Mara nyingine tena, angalia ukurasa wowote wa wavuti leo na utaona hii na vitu vingi vinavyotokea! Hii ni jinsi kurasa zilizojengwa - masanduku ndani ya masanduku.

Kwa nini Unapaswa Kujali Kuhusu Uchimbaji

Sababu ya namba moja ambayo unapaswa kujali kuhusu kujali ni kama unatumia CSS. Majambazi ya Sinema ya kukataa yanategemea vitambulisho kuwa imara katika hati hiyo ili iweze kumwambia wapi mitindo kuanza na mwisho. Ukitengeneza mtindo ambao unapaswa kuathiri "viungo vyote vilivyomo ndani ya mgawanyiko na daraka la" maudhui ya kuu "" kwenye ukurasa, mazao yasiyo sahihi yanafanya vigumu kwa kivinjari kujua mahali pa kutumia mitindo hii. Hebu tuangalie HTML:

Mfano: Hii ni sentensi ya maandishi na pia ina maandishi ya kifaa pia.

Hii ni aya nyingine .

Kutumia mfano niliosema tu, kama nilitaka kuandika mtindo wa CSS ambao utaathiri kiungo ndani ya mgawanyiko huu, na kiungo hiki tu (kinyume na viungo vinginevyo katika sehemu nyingine za ukurasa), napenda kutumia nesting kuandika mtindo wangu, kama vile:

.main-maudhui {rangi: # F00; }

Sababu nyingine ni pamoja na ufikiaji na utangamano wa kivinjari. Ikiwa HTML yako imefungwa kibaya, haiwezi kupatikana kwa wasomaji wa skrini na vivinjari vya zamani - na inaweza hata kuvunja kabisa kuonekana kwa ukurasa kama vivinjari hawawezi kujua jinsi ya kutoa ukurasa kwa sababu sababu za HTML na vitambulisho si nje ya mahali.

Hatimaye, ikiwa unajitahidi kuandika kabisa kabisa na halali HTML, utahitaji kutumia kiota sahihi. Vinginevyo, mthibitishaji kila atapiga bendera HTML yako kama isiyo sahihi.