Awọn Ohun elo HTML: Iwọn-Ipele la. Awọn eroja inu

Kini iyatọ laarin Iwọn-ipele ati Agbegbe Inline?

HTML jẹ awọn eroja oriṣiriṣi oriṣiriṣi ti o ṣe bi awọn ohun amorindun awọn oju-iwe ayelujara. Kọọkan ti awọn eroja wọnyi ṣubu sinu ọkan ninu awọn isọri meji - boya awọn ohun elo ti o ni idiwọn tabi awọn ohun elo inline. Imọ iyatọ laarin awọn eroja meji ti o jẹ pataki pataki ni sisẹ oju-iwe ayelujara.

Awọn Ohun elo Ipele Block

Nitorina kini idiwọn-ipele ipele-kan? Ipele-ipele ipele kan jẹ HTML ti o bẹrẹ laini tuntun kan lori oju-iwe ayelujara kan ati ki o fa iwọn gbooro ti aaye ti o wa ni ipade ti awọn ẹda obi rẹ. O ṣẹda awọn bulọọki nla ti akoonu bi paragira tabi awọn ipin lẹta. Ni pato, ọpọlọpọ awọn eroja HTML jẹ awọn eroja-ipin.

Awọn ohun elo ti o ni igbẹlẹ ni a lo laarin awọn ara-iwe HTML. Wọn le ni awọn eroja inline, bakannaa awọn eroja-ipele miiran.

Awọn eroja ila

Ni idakeji si idiwọn-ipele ipele-ori, oṣuwọn inline le:

Apeere apẹrẹ inline ni tag , eyi ti o jẹ ki awo omi ti akoonu ti o wa laarin boldface. Ofin inline nikan ni awọn eroja inline miiran, tabi ko le ni nkan rara rara, gẹgẹbi aami idẹ
.

O tun jẹ iru irufẹ kẹta kan ninu HTML: awọn ti ko han ni gbogbo. Awọn eroja wọnyi n pese alaye nipa oju-iwe ṣugbọn kii ṣe afihan nigbati o ba wa ni oju-iwe ayelujara.

Fun apere:

  • asọye awọn aza ati awọn awoṣe.
  • <àtayọn> n túmọ awọn data apamọ.
  • ni iwe-aṣẹ HTML ti o ni awọn eroja wọnyi.

Yiyipada Ilana ati Block Element Types

O le yi iru nkan kan pada lati inline lati dènà, tabi idakeji, pẹlu lilo ọkan ninu awọn ẹtọ CSS wọnyi:

  • àfihàn: dènà;
  • àfihàn: ìlà;
  • àpapọ: kò;

Ohun ini CSS jẹ ki o yipada ohun ini inline lati dènà, tabi iwe kan si atopo, tabi kii ṣe han ni gbogbo.

Nigbawo lati Yi Ohun-ini Ifihan pada

Ni gbogbogbo, Mo fẹ lati fi ohun-ini ifihan han nikan, ṣugbọn o wa diẹ ninu awọn ibiti o wa ni atẹle ati ki o dènà awọn ohun ifihan ti o le wulo.

  • Awọn akojọ ašayan akojọ aala: Awọn akojọ jẹ awọn ohun elo ifilelẹ, ṣugbọn ti o ba fẹ ki akojọ rẹ han ni itaṣe, o nilo lati yi akojọ pada si iṣiro inline ki ohun akojọ aṣayan kọọkan ko bẹrẹ ni ila tuntun kan.
  • Awọn akọle ninu ọrọ naa: Nigba miiran o le fẹ akọsori lati wa ninu ọrọ naa, ṣugbọn ṣetọju awọn akọle akọle HTML. Iyipada h1 nipasẹ awọn iye h6 si inline yoo gba ọrọ ti o wa lẹhin fifi aami ti o tẹsiwaju lati tesiwaju lati ṣiṣan lẹyin ti o ni ila kanna, dipo ti bere lori ila tuntun kan.
  • Yọ ideri naa kuro : Ti o ba fẹ yọ ohun kan kuro patapata lati oju iwe deede naa , o le ṣeto ifihan si si. Akọsilẹ kan, ṣọra nigbati o ba nlo ifihan: ko si. Bi o ṣe jẹ pe awọ-ara yii yoo, gangan, ṣe ohun ti a ko ri, iwọ ko fẹ lati lo eyi lati tọju ọrọ ti o fi kun fun idi SEO, ṣugbọn ko fẹ lati han fun awọn alejo. Eyi ni ọna ti o daju lati gba aaye rẹ ni igbẹkẹle fun okùn dudu dudu si SEO.

Opo Ilara ti o wọpọ kika kika Awọn aṣiṣe

Ọkan ninu awọn aṣiṣe ti o wọpọ julọ ni aṣiṣe tuntun si apẹrẹ oju-iwe ayelujara ti n ṣe igbiyanju lati ṣeto iwọn kan lori iṣiro inline. Eyi kii ṣe iṣẹ nitori awọn ẹya ara ẹrọ ẹbun inline ko ṣe alaye nipasẹ apoti apoti.

Awọn ohun elo ti a fi oju eefin ṣakoju ọpọlọpọ awọn ini:

  • iwọn ati iga
  • Max-iwọn ati Max-iga
  • min-iwọn ati min-iga

Akiyesi: Microsoft Internet Explorer (ti a npe ni Microsoft Edge bayi) ti ni iṣaaju ti lo diẹ ninu awọn ini wọnyi paapaa si awọn apoti inline. Eyi kii ṣe ifaramọ igbesẹ, ati eyi ko le jẹ ọran pẹlu awọn ẹya tuntun ti aṣàwákiri wẹẹbù Microsoft.

Ti o ba nilo lati ṣọkasi iwọn tabi giga ti ẹya kan yẹ ki o gba soke, iwọ yoo fẹ lati lo eyi lọ si ipele ti o ni abawọn ti o ni awọn ọrọ inline rẹ.

Edited by Jeremy Girard lori 2/3/17