KOUMAN POU SÈVI AK HTML ak CSS pou kreye Tabs ak espas

Yon gade nan ki jan espas blan nan HTML trete pa navigatè

Si ou se yon designer sit entènèt kòmansman, youn nan bagay sa yo anpil ou pral gen konprann byen bonè sou se yon fason a ki espas blan nan kòd yon sit la okipe pa navigatè entènèt.

Malerezman, wout la ke navigatè yo okipe espas blan pa trè entwisyon an premye, sitou si ou antre nan HTML epi konpare li ak ki jan espas blan okipe nan pwogram pwosesis mo, kote ou ka pi abitye avèk yo.

Nan lojisyèl pwosesis mo, ou ka ajoute anpil nan espas oswa onglè nan dokiman an epi ki espas pral reflete nan ekspozisyon an nan kontni dokiman an. Sa a se pa ka a ak HTML oswa avèk paj entènèt. Kòm sa yo, aprann ki jan blan espas se, tout bon, jere pa navigatè entènèt trè enpòtan.

Espas nan Ekri an lèt detache

Nan lojisyèl pwosesis mo, twa karaktè yo prensipal espas blan yo se espas, tab la, ak retounen cha. Chak nan sa yo aji nan yon fason diferan, men nan HTML, navigatè rann yo tout esansyèlman menm bagay la. Si ou mete yon espas oswa 100 espas nan makè HTML ou a, oswa melanje distans ou a ak onglè ak retounen cha, tout sa yo ap kondanse desann nan yon sèl espas lè paj la rann pa navigatè a. Nan tèminoloji konsepsyon sit entènèt, sa a se ke yo rekonèt kòm efondreman espas blan. Ou pa ka itilize kle spasyal sa yo pou ajoute blanchi nan yon paj wèb paske navigatè a kraze espas miltip desann nan yon sèl espas lè rann nan navigatè a,

Poukisa yon moun itilize Tabs?

Tipikman, lè moun itilize onglè nan yon dokiman tèks yo, yo ap itilize yo pou rezon Layout oswa yo ka resevwa tèks la pou yo avanse nan yon kote ki sèten oswa yo dwe yon distans sèten nan yon lòt eleman. Nan konsepsyon sit entènèt, ou pa ka itilize karaktè espas susi yo reyalize sa yo estil vizyèl oswa bezwen layout.

Nan konsepsyon sit entènèt, itilize nan karaktè siplemantè siplemantè nan kòd la ta dwe piman pou fasilite nan lekti ke kòd. Konsèpteur entènèt ak devlopè souvan sèvi ak onglè kòd endepandan pou yo ka wè ki eleman yo se timoun nan lòt eleman - men sa yo entansyon pa afekte Layout la vizyèl nan paj la tèt li. Pou moun ki bezwen chanjman layout vizyèl, ou pral bezwen ale nan CSS (kouch style kaskad).

Sèvi ak CSS pou kreye HTML Tabs ak espas

Sou sit entènèt jodi a yo bati ak yon separasyon nan estrikti ak style. Se estrikti a nan yon paj jere pa HTML a pandan y ap style la dikte pa CSS la. Sa vle di ke yo kreye espas oswa reyalize yon Layout sèten, ou ta dwe vire CSS epi yo pa ap eseye senpleman ajoute karaktè espas nan kòd la HTML.

Si ou ap eseye sèvi ak onglè yo kreye kolòn nan tèks, ou ka olye pou itilize eleman

ki pozisyone ak CSS jwenn ke Layout kolòn. Sa a pwezante ka fè nan CSS flote, absoli ak relatif pwezante, oswa plus CSS layout teknik tankou Flexbox oswa CSS grille.

Si done yo ou tap mete deyò se done tabulaires, ou ka sèvi ak tab aliman ke done jan ou ta renmen. Tablo souvan jwenn yon rap move nan konsepsyon sit entènèt yo paske yo te abize kòm zouti layout pi pou anpil ane, men tab yo toujou parfe valab si kontni ou a gen done suspectedly done.

Mare, padding, ak tèks endis

Fason ki pi komen yo kreye espas ak CSS se lè l sèvi avèk youn nan estil CSS sa yo:

Pou egzanp, ou ka endike premye liy nan yon paragraf tankou yon tab ak CSS sa yo (note ke sa a sipoze paragraf ou a gen yon atribi klas nan "premye" ki atache a li):

p.first {
tèks endependan: 5em;
}}

Paragraf sa a ta kounye a ap deplase sou 5 karaktè.

Ou kapab tou itilize pwopriyete marge oswa padding nan CSS pou ajoute espas sou tèt, anba, agoch, oswa dwa (oswa konbinezon nan kote sa yo) nan yon eleman. Finalman, ou ka reyalize nenpòt ki jan nan espas ki nesesè pa vire CSS.

Botwe tèks plis pase yon espas san CSS

Si tout sa ou vle se pou tèks ou yo dwe deplase plis pase yon espas lwen atik la anvan, ou ka itilize espas ki la pa kraze.

Pou itilize espas ki pa kraze a, ou tou senpleman ajoute & nbsp; kòm anpil fwa ke ou bezwen li nan marke HTML ou.

Pou egzanp, si ou te vle pou avanse pou pawòl ou senk espas sou, ou ta ka ajoute sa ki annapre yo anvan mo a.

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

HTML respekte sa yo epi yo pa pral tonbe yo desann nan yon espas sèl. Sepandan, sa a konsidere kòm yon pratik trè pòv depi li ap ajoute siplemantè HTML markup nan yon dokiman sèlman reyalize bezwen layout. Refere tounen nan separasyon sa a nan estrikti ak style, ou ta dwe evite ajoute espas ki pa kraze tou senpleman reyalize yon efè Layout vle epi yo ta dwe itilize march CSS ak padding olye.