Tai, kaip naršyklės tvarkė tuščią erdvę, iš pradžių nėra labai intuityvus, ypač jei palyginsite, kaip „Hypertext Markup Language“ tvarko baltąją erdvę, palyginti su teksto apdorojimo programomis. Į teksto apdorojimo programinę įrangą dokumente galite pridėti daug tarpų arba skirtukų, o tarpai atsispindės dokumento turinio ekrane. Šis WYSIWYG dizainas netinka HTML ar tinklalapiams.
Tarpai spaudoje
Teksto apdorojimo programinėje įrangoje trys pagrindiniai tarpai yra simboliai vietos, skirtukąir vežimo grįžimas. Kiekvienas iš šių simbolių veikia skirtingai, tačiau HTML naršyklės juos visus padaro iš esmės vienodus. Nesvarbu, ar įdėsite vieną erdvę, ar 100 vietų HTML žymėjimas arba sumaišykite tarpus su skirtukais ir vežimo grąžinimais, visi jie bus sutrumpinti iki vienos vietos, kai puslapis bus pateiktas naršyklė. Pagal interneto dizaino terminologiją tai vadinama baltosios erdvės žlugimas. Negalite naudoti šių tipiškų tarpų klavišų, kad tinklalapyje būtų tarpų, nes naršyklė pateikia pakartotinius tarpus tik vienoje vietoje, kai pateikiama naršyklėje,
CSS naudojimas kuriant HTML skirtukus ir tarpus
Šiandien internetinės svetainės kuriamos atskiriant struktūrą ir stilių. Puslapio struktūrą tvarko HTML, o stilių diktuoja kaskadiniai stiliaus lapai. Norėdami sukurti tarpą arba pasiekti tam tikrą išdėstymą, kreipkitės į CSS, o ne pridėkite tarpų simbolius prie HTML kodo.
Jei bandote naudoti skirtukus jei norite sukurti teksto stulpelius, naudokite
Jei pateikiami duomenys yra lentelės duomenys, naudokite lenteles, kad sulygintumėte tuos duomenis, kaip norite. Lentelėms dažnai tenka blogai kurti interneto dizainą, nes tiek metų jie buvo piktnaudžiaujami kaip gryni maketavimo įrankiai, tačiau lentelės vis tiek galioja, jei jūsų turinyje yra tikrai lentelių duomenys.
Paraštės, užpildas ir teksto įtrauka
Dažniausiai tarpai sukuriami naudojant CSS naudojant vieną iš šių CSS stilių:
- marža
- paminkštinimas
- teksto įtrauka
Pvz., Įtraukite pirmąją pastraipos eilutę, pvz., Skirtuką, su tokiu CSS (atkreipkite dėmesį, kad tai daro prielaidą, kad jūsų pastraipoje yra pridėtas klasės atributas „pirmasis“):
p.pirmas {
teksto įtrauka: 5em;
}
Ši pastraipa įtrauka maždaug penkis simbolius.
Naudokite paraštes arba užpildymo ypatybes CSS kad tarpai būtų pridėti elemento viršuje, apačioje, kairėje arba dešinėje (arba tų pusių deriniuose). Pasiekite bet kokį reikalingą tarpą, kreipdamiesi į CSS.
Teksto perkėlimas daugiau nei vienoje erdvėje be CSS
Jei viskas, ko norite, yra tai, kad jūsų tekstas būtų perkeltas daugiau nei į vieną tarpą nuo ankstesnio elemento, naudokite nepertraukiamą tarpą.
Norėdami naudoti nepertraukiamą vietą, pridėsite tiek kartų, kiek jums to reikia HTML žymėjime.
HTML gerbia šias nepertraukiamas erdves ir nesugriaus jų į vieną erdvę. Tačiau šis požiūris laikomas prasta praktika, nes jis prideda papildomą HTML žymėjimą prie dokumento tik tam, kad būtų patenkinti išdėstymo poreikiai. Jei įmanoma, venkite nedaužančių tarpų, kad pasiektumėte norimą išdėstymo efektą ir naudojimą CSS paraštės ir užpildymas vietoj to.