Veebilehe ruum näib olevat üsna lihtne asi. Kuid esimest korda püüate mitu korda klahvi lüüa ja selle teabe kuvamine teie lehel ei ilmu, näete, et see ei ole nii lihtne, kui välja näeb.
Veebisaidil on ruumi loomiseks mitu võimalust. Esimesed kaks on HTML-i märgenditega:
...
Lõike marker paneb punktide vahele tavaliselt ruumi. See toimib lõikejärguna.
Kuid mitmed
üksteise järel ei tee midagi muud kui teie lehe peegeldamine. Mõni redaktor paneb
kohtadesse, et lisada rohkem ruumi, kuid see tegelikult ei kasuta
sildi, vaid pigem tähemärki, millele me mõne minuti jooksul jõuame.
sildi eesmärk on paigutada teksti voogu ainult ühe rea vahele. Kuid seda saab kasutada mitu korda järjest, et luua tühi ruumi pikad stringid. Probleem on selles, et ruumi kõrgust ja laiust ei saa määratleda ja see on lehe laius automaatselt.
CSS marginaal ja padding
Veebilehe dokumentidele ruumi lisamiseks võite kasutada CSS-i omaduste marginaali ja polsterit . See on palju parem viis täpselt teie elementide vahel vajaliku ruumi saamiseks. Ja võite mõjutada rohkem kui lihtsalt dokumendi vertikaalset ruumi.
Mitte-purunev ruum ()
Lõpuks on ka katkematu ruum . See tähemärgiüksus toimib täpselt nagu tavaline tekstruum, välja arvatud see, et brauser käsitleb neid igaüks eraldi.
Kui panete neli järjestikku, sisestab brauser teksti neli tühikuid .
Pange tähele, et vanemad brauserid ei pruugi kuvada mitu tühimikku.
Mittevastavate ruumide kasutamine tabelites
Tabelid sulgevad tihti või katkevad, kui te ei sisalda lahtris midagi lahti hoidmiseks. Näiteks: kasutage järgmise HTML-i, et luua tabel, millel on 30-piksliline vihmaveerennid:
| Selle teksti vasakule jääb väike ruum. Mõned brauserid kuvavad seda õigesti, kuid paljud ignoreerivad laualaiuse taotlust ja asetasid teksti vasakpoolse veerisega. Väga tüütu! |
Selleks, et tabeli veerg laelata, kasutage katkendlikku ruumi:
| Selle teksti vasakule jääb väike ruum. Enamiku brauseritega kuvatakse see korralikult. |