Ama-HTML Elements: I-Block-Level vs. Elements Elements

Uyini umehluko phakathi kwe-Block-level kanye ne-Inline Elements?

I-HTML yakhiwe ngezakhi ezihlukahlukene ezisebenza njengamabhuloki wokwakha amakhasi wewebhu. Ngayinye yalezi zici ziwela kwesinye sezigaba ezimbili - kungaba izakhi zezinga le-block noma izakhi ezifakiwe. Ukuqonda umehluko phakathi kwalezi zinhlobo ezimbili zezakhi kuyisinyathelo esibalulekile ekwakheni amakhasi ewebhu.

Vimba izakhi zezinga

Ngakho iyini isici se-block-level? Isici se-block-element i-HTML element eqala umugqa omusha ekhasini leWebhu futhi ihlanganisa ububanzi obugcwele bendawo ekhona enezingqimba zesici sayo somzali. Idala amabhlogo amakhulu okuqukethwe njengezigaba noma ukuhlukaniswa kwekhasi. Eqinisweni, eziningi zezinto ze-HTML ziyizici ze-block-level.

Izakhi ze-Block-level zisetshenziswe ngaphakathi komzimba wedokhumenti ye-HTML. Zingaqukatha izakhi ezifakiwe, kanye nezinye izakhi zezinga lokuvimba.

Ama-Elegant Elements

Ngokuphambene nesici se-block-level, isici esincinyiwe singakwazi:

Isibonelo sesici esinqunyiwe yisigqi , okwenza ifonti yombhalo okuqukethwe kuqukethwe ngaphakathi kwesibindi. Isici esincinci ngokuvamile siqukethe ezinye izakhi ezifakwe ngaphakathi, noma angeke ibe nalutho nhlobo, njenge-
ukusika umaki.

Kukhona uhlobo lwesithathu lwesici ku-HTML: lezo ezingaboniswa nhlobo. Lezi zakhi zinikeza ulwazi mayelana nekhasi kodwa aziboniswa uma zihunyushwa kusiphequluli seWebhu.

Ngokwesibonelo:

  • ichaza izitayela kanye namafomethi wezitayela.
  • ichaza idatha ye-meta.
  • yiyona element ye-HTML ephethe idokhumenti.

Ukushintsha izinhlobo ze-Eline eziku-Inline no-Block

Ungashintsha uhlobo lento kusuka ku-inline ukuvimba, noma ngokuphambene nalokho, usebenzisa enye yalezi zinto ze-CSS:

  • ukubonisa: ukuvimba;
  • ukubonisa: inline;
  • bonisa: akekho;

Indawo ye- CSS yokubonisa ikuvumela ukuthi ushintshe impahla e-inline ukuvimba, noma ibhokisi lokufaka ngaphakathi, noma ukungabonisi nhlobo.

Nini Ukushintsha Indawo Yokubonisa

Ngokuvamile, ngithanda ukushiya indawo yokubonisa yodwa, kodwa kunamanye amacala lapho ukuguqulwa kwe-inline nokuvimba izakhiwo kungabasiza.

  • Amamenyu wohlu oluvundlile: Izinhlu ziyizinto zokuvimbela ezingeni, kodwa uma ufuna imenyu yakho ukuba ibonise ngokuzenzekelayo, udinga ukuguqula uhlu ku-element ekhonjiwe ukuze into ngayinye imenyu ingaqali kulayini omusha.
  • Izihloko ezisematheksthini: Ngezinye izikhathi ungase ufune ukuba isihloko sihlale embhalo, kodwa gcina amanani wekhanda we-HTML. Ukushintsha amanani we-h1 kuya kwe-h6 kuya ku-inline kuzovumela umbhalo oza emva komaki wokuvala ukuze uqhubeke nokugeleza eduze kwawo emgqeni ofanayo, esikhundleni sokuqala emgqeni omusha.
  • Ukususa isici: Uma ufuna ukususa isici ngokugcwele ukugeleza kwedokhumenti evamile , ungabeka ukubonisa ngakunye. Inothi elilodwa, qaphela lapho usebenzisa ukubonisa: akekho. Uma isitayela esinjalo, empeleni, senza into engabonakali, awusoze usebenzise lokhu ukufihla umbhalo owenezele izizathu ze-SEO, kodwa ungafuni ukubonisa izivakashi. Leyo yindlela yokuqinisekisa ukuthi isayithi lakho lihlehliselwe indlela ye-black hat ku-SEO.

I-Common Inline Element Ukufometha Amaphutha

Enye yeziphambeko ezivame kakhulu umshayeli we-Web design wenza ukuzama ukusetha ububanzi kwisici esincinyiwe. Lokhu akusebenzi ngoba ububanzi bezingxenye ezilinganiselwe abuchazwa ibhokisi lesitsha.

Izakhi zangaphakathi azizinaki izindawo eziningana:

  • ububanzi nokuphakama
  • ububanzi be-max-ububanzi nokuphakama kwe-max
  • ukuphakama kwamaminithi kanye nokuphakama kwamaminithi

Qaphela: I-Microsoft Internet Explorer (manje ebizwa ngokuthi iMicrosoft Edge) isebenzise ngokungalungile ezinye zalezi zakhiwo ngisho namabhokisi amaphakathi. Lokhu akuzona izindinganiso ezihambisanayo, futhi lokhu kungase kungabi njalo ngezinguqulo ezintsha ze-Microsoft Web browser.

Uma udinga ukuchaza ububanzi noma ukuphakama ukuthi isakhi kufanele sithathe, uzofuna ukufaka lokho kusiqephu sezinga lokuvimba eliqukethe umbhalo wakho online .

Ihlelwe nguJeremy Girard ngo-2/3/17