Vipengele vya HTML: Kiwango cha kuzuia vs Vipengele vya Inline

Ni tofauti gani kati ya ngazi ya kuzuia na mambo ya ndani?

HTML imeundwa na mambo mbalimbali ambayo hufanya kama vitalu vya ujenzi wa kurasa za wavuti. Kila moja ya vipengele hivi huanguka katika moja ya makundi mawili - ama vipengele vya kiwango cha kuzuia au vipengele vya ndani. Kuelewa tofauti kati ya aina hizi mbili za vipengele ni hatua muhimu katika kuunda kurasa za wavuti.

Zima Elements Level

Kwa hiyo ni kipengele cha kiwango cha kuzuia? Kipengele cha kiwango cha kuzuia ni kipengele cha HTML ambacho huanza mstari mpya kwenye ukurasa wa Wavuti na huongeza upana kamili wa nafasi ya kutosha ya kipengele cha mzazi wake. Inajenga vitalu vingi vya maudhui kama mgawanyiko wa aya au ukurasa. Kwa kweli, mambo mengi ya HTML ni mambo ya kuzuia ngazi.

Vipengele vya ngazi ya kuzuia hutumiwa ndani ya mwili wa hati ya HTML. Wanaweza kuwa na mambo ya ndani, pamoja na mambo mengine ya kuzuia kiwango.

Elektroniki

Tofauti na kipengele cha kiwango cha kuzuia, kipengele cha ndani kinaweza:

Mfano wa kipengele cha ndani ni lebo , ambayo inafanya font ya maudhui yaliyomo ndani ya boldface. Kipengele cha ndani kina jumla ya mambo mengine ya ndani, au haiwezi kuwa na kitu chochote, kama vile
kuvunja lebo.

Kuna pia aina ya tatu ya kipengele katika HTML: wale ambao haonyeshe kabisa. Mambo haya hutoa taarifa kuhusu ukurasa lakini hauonyeswi wakati unafanywa kwenye kivinjari cha Wavuti.

Kwa mfano:

  • hufafanua mitindo na vichupo vya mitindo.
  • inafafanua data ya meta.
  • ni kipengele cha waraka cha HTML kinachoshikilia mambo haya.

Kubadilisha Aina za Element na Zima

Unaweza kubadilisha aina ya kipengele kutoka kwa inline ili kuzuia, au kinyume chake, kwa kutumia moja ya mali hizi CSS:

  • kuonyesha: kuzuia;
  • kuonyesha: inline;
  • kuonyesha: hakuna;

Mali ya kuonyesha CSS inakuwezesha kubadilisha mali ya ndani ili kuzuia, au kizuizi kwa inline, au usionyeshe kabisa.

Wakati wa Kubadilisha Mali ya Kuonyesha

Kwa ujumla, napenda kuondoka mali ya maonyesho peke yake, lakini kuna baadhi ya matukio ambapo kuingilia inline na kuzuia mali ya kuonyesha inaweza kuwa na manufaa.

  • Menyu ya orodha ya usawa: Orodha ni vipengele vya kuzuia kiwango, lakini ikiwa unataka menu yako kuonyesha kwa usawa, unahitaji kubadili orodha kwenye kipengele cha ndani ili kila kipengee cha menyu kisichoanza kwenye mstari mpya.
  • Vichwa katika maandiko: Wakati mwingine unaweza kutaka kichwa kiweke katika maandishi, lakini endelea maadili ya kichwa cha HTML. Kubadili h1 kupitia h6 maadili kwa inline itaruhusu maandishi ambayo huja baada ya tag yake ya kufungwa ili kuendelea kuzunguka karibu na hiyo kwenye mstari huo, badala ya kuanza juu ya mstari mpya.
  • Kuondoa kipengele: Ikiwa unataka kuondoa kipengele kabisa kutoka kwa mtiririko wa kawaida wa waraka, unaweza kuweka maonyesho kwa hakuna. Neno moja, kuwa makini wakati wa kutumia kuonyesha: hakuna.Kwa mtindo huo utafanya kipengele kisichoonekana, hutaki kamwe kutumia hii kuficha maandiko uliyoongeza kwa sababu za SEO, lakini hawataki kuonyesha kwa wageni. Hiyo ni njia ya uhakika ya kuwa tovuti yako iadhibiwa kwa njia ya kofia nyeusi kwa SEO.

Element Inline Element Formatting Makosa

Moja ya makosa ya kawaida ya mwanzilishi wa kubuni wa wavuti hufanya ni kujaribu kuweka upana kwenye kipengele cha ndani. Hii haifanyi kazi kwa sababu vipimo vya ndani vyenye havifafanuzi na sanduku la chombo.

Mambo ya ndani yanapuuza mali kadhaa:

  • upana na urefu
  • max-upana na urefu wa max
  • urefu wa min-up na urefu wa min

Kumbuka: Microsoft Internet Explorer (ambayo sasa inaitwa Microsoft Edge) imefanya kwa kutumia vibaya baadhi ya mali hizi hata kwa masanduku ya ndani. Hii sio viwango vinavyolingana, na hii inaweza kuwa sio na matoleo mapya ya kivinjari cha wavuti wa Microsoft.

Ikiwa unahitaji kufafanua upana au urefu ambao kipengele kinapaswa kuchukua, utahitaji kuomba hiyo kwa kipengele cha kiwango cha kuzuia kilicho na maandishi yako ya ndani .

Iliyotengenezwa na Jeremy Girard mnamo 2/3/17