Iimpawu ze-HTML: I-Block-Level vs. Elements Elements

Uthini Umehluko Phakathi kweBlock-level ne Eleline Elements?

I-HTML yenziwe ngamacandelo ahlukeneyo asebenza njengeebhloko zokwakha zamaphepha ewebhu. Ngamanye alezi zinto ziwela kwelinye lamacandelo amabini - mhlawumbi izinto ze-block-level okanye izinto ezincinci. Ukuqonda umahluko phakathi kwezi ntlobo ezimbini zezinto kubaluleke kakhulu ekwakheni amaphepha ewebhu.

Iimpawu zeNqanaba lokuVimba

Ngoko yintoni inxalenye yebhloko? I-block-level element isici se-HTML esenza umgca omtsha kwikhasi lewebhu kwaye ukhulisa ububanzi obupheleleyo beendawo ezikhoyo ezikhoyo zendawo yomzali. Yakha iibhloko ezinkulu zomxholo ezifana neziqendu okanye ukuhlukana kwamaphepha. Enyanisweni, amanqaku amaninzi e-HTML ayenamacandelo e-block block.

Iimpawu zamanqanaba e-Block zisetyenziselwa ngaphakathi kwidokhumenti yomqulu we-HTML. Ziyakwazi ukuqulethe izinto ezinqamlekileyo, kunye nezinye izinto zebhloko.

Eleline Elements

Ngokwahlukileyo kwinqanaba lezinga lebhloko, into elinezantsi inga:

Umzekelo wento eqhotyoshelweyo ngumatshi , okwenza umxholo wezinto ezibhalwe kwisicatshulwa ziqulethwe kwi-boldface. Isici esincinci siqulethe kuphela ezinye izinto ezinqamlekileyo, okanye zingenanto into, njenge-
ukusika itekisi.

Kukho uhlobo lwesithathu lwezinto kwi-HTML: ezo ezingabonakali nhlobo. Ezi zinto zibonelela ngolwazi malunga nephepha kodwa azibonakalwanga xa zenziwe kwi-Web browser.

Umzekelo:

  • ichaza izitayela kunye neetekethi zetekethi.
  • ichaza idatha yedatha.
  • yinto yexwebhu le-HTML ephethe ezi zinto.

Ukutshintsha iiNdawo eziNgcakile kunye neBlock Element

Unokutshintsha uhlobo lwento ukusuka kumgca we-inline ukuvimba, okanye ngokulandelanayo, usebenzisa enye yezinto zeCSS:

  • bonisa: uvimba;
  • ukubonisa: umgca;
  • bonise: akukho;

Ipropati yokubonakalisa i- CSS ikuvumela ukuba utshintshe umgaqo onqambileyo ukuvimba, okanye ibhloko ukuya kumgca, okanye ungabonakali nhlobo.

Xa Utshintshela iRawulo yePropati

Ngokuqhelekileyo, ndiyakuthanda ukushiya ipropati yedwa, kodwa kukho ezinye iimeko apho utshintshi lwe-intanethi kunye nokuvimba ipropati yokubonakalisa lunokuba luncedo.

  • Uluhlu lwamagama aluhlu: IiList zizinto ze-block-level, kodwa ukuba ufuna imenyu yakho ukuba ibonise ngokuzenzekelayo, kufuneka uguqule uluhlu kwizinto ezinqamlekileyo ukwenzela ukuba imenyu nganye imenyu ingaqalanga kumgca omtsha.
  • Iintloko zezibhalo: Ngamanye amaxesha unokuba ufuna ukuba inhloko ihlale ekhompyutheni, kodwa gcina ixabiso le-header ye-HTML. Ukutshintsha i-h1 kwii-h6 zokuxabanisa kuya kuvumela isicatshulwa esilandelayo emva kokuba itekisi yokuvala iqhubekele ukuhamba phakathi kwayo kwimiqolo efanayo, endaweni yokuqala kumgca omtsha.
  • Ukususwa kwelungu: Ukuba ufuna ukususa into epheleleyo kumgca oqhelekileyo wephepha , unokwenza umboniso ungabikho. Inqaku elilodwa, qaphela xa usebenzisa umboniso: akukho. Nangona isitayela eso, ngokwenene, senza into engabonakaliyo, awufuneki ukuyisebenzisa ukufihla umbhalo owongezelele kwii-SEO izizathu, kodwa ungafuni ukubonisa iindwendwe. Leyo yindlela eqinisekileyo yokufumana isayithi lakho lihlawulwe ngendlela ye-hat ye-black.

I-Common Inline Element Formatting Error

Enye yezona mpazamo eziqhelekileyo ukuqala kwi-Web design yenza ukuba uzame ukubeka ububanzi kumbindi onqamlekileyo. Oku akusebenzi ngoba ububanzi bezinto eziqhelekileyo azichazwanga kwibhokisi yenkomo.

Izixhobo ezisemgangathweni zilahlekelwa iipropati eziliqela:

  • ububanzi nokuphakama
  • ububanzi obuphezulu kunye nobude obuphezulu
  • ukuphakama kwemigodi kunye nokuphakama kweminithi

Qaphela: iMicrosoft Internet Explorer (ngoku kuthiwa yiMicrosoft Edge) sele isetyenziswe ngokungafanelekanga kwezinye zezi mpawu nakwiibhokisi. Oku akuyiyo imilinganiselo ehambelanayo, kwaye oku kungenjalo ngenguqulelo entsha ye-Microsoft Web browser.

Ukuba udinga ukuchaza ububanzi okanye ukuphakama ukuba iqela lifanele lithathe, uzakufuna ukufaka isicelo kwisiqalo se-block ephethe umbhalo ogqithisiweyo .

Ehlelwe nguJeremy Girard ngomhla wesi-2 / 3/17