Tas, kā pārlūkprogrammas apstrādāja atstarpi, sākotnēji nav pārāk intuitīvs, it īpaši, ja salīdzināt, kā hiperteksta iezīmēšanas valoda apstrādā atstarpi, salīdzinot ar tekstu apstrādes programmām. Teksta apstrādes programmatūrā dokumentā varat pievienot daudz atstarpju vai ciļņu, un atstarpe tiks atspoguļota dokumenta satura displejā. Šis WYSIWYG dizains neattiecas uz HTML vai tīmekļa lapām.
Atstarpes drukā
Tekstu apstrādes programmatūrā trīs galvenās atstarpes rakstzīmes ir telpa, cilni, un rakstatgriezes. Katra no šīm rakstzīmēm darbojas atšķirīgi, taču HTML pārlūkprogrammās tās visas tiek padarītas vienādas. Neatkarīgi no tā, vai savā vietā ievietojat vienu vai 100 atstarpes HTML marķējums vai sajauciet atstarpi uz augšu ar cilnēm un ratiņu atgriešanu, visi tie tiks saīsināti līdz vienai atstarpei, kad lapu renderēs pārlūku. Tīmekļa dizaina terminoloģijā tas ir pazīstams kā baltās vietas sabrukums. Jūs nevarat izmantot šos parastos atstarpes taustiņus, lai tīmekļa lapā pievienotu atstarpi, jo pārlūkprogrammā renderējot, pārlūkprogrammā tiek sakļautas atkārtotas atstarpes tikai vienā vietā,
Izmantojot CSS, lai izveidotu HTML cilnes un atstarpes
Mūsdienās vietnes tiek veidotas, nošķirot struktūru un stilu. Lapas struktūru apstrādā HTML, bet stilu nosaka kaskādes stila lapas. Lai izveidotu atstarpi vai panāktu noteiktu izkārtojumu, griezieties pie CSS, nevis pievienojiet atstarpes rakstzīmes HTML kodam.
Ja mēģināt izmantot cilnes lai izveidotu teksta kolonnas, tā vietā izmantojiet
Ja jūsu izkārtotie dati ir tabulas dati, izmantojiet tabulas, lai sakārtotu šos datus pēc vēlēšanās. Galdi tīmekļa dizainā bieži saņem sliktu repu, jo tik daudzus gadus tie tika ļaunprātīgi izmantoti kā tīri izkārtojuma rīki, taču tabulas joprojām ir pilnīgi derīgas, ja jūsu saturs satur patiesi tabulas datus.
Maržas, polsterējums un teksta ievilkums
Visizplatītākie atstarpes izveidošanas veidi ar CSS ir, izmantojot kādu no šiem CSS stiliem:
- starpība
- polsterējums
- teksta ievilkums
Piemēram, ievilkt rindkopas pirmo rindu, piemēram, cilni ar šādu CSS (ņemiet vērā, ka tas pieņem, ka jūsu rindkopai ir pievienots klases atribūts “pirmais”):
p.first {
teksta ievilkums: 5em;
}
Šajā rindkopā ievilktas apmēram piecas rakstzīmes.
Izmantojiet piemales vai pildījuma īpašības CSS lai pievienotu atstarpi elementa augšdaļai, apakšai, pa kreisi vai pa labi (vai šo sānu kombinācijas). Lai sasniegtu jebkādu nepieciešamo atstarpi, vēršoties pie CSS.
Teksta pārvietošana vairāk nekā vienā telpā bez CSS
Ja vēlaties, lai teksts tiktu pārvietots vairāk nekā vienu atstarpi no iepriekšējā vienuma, izmantojiet atstarpi, kas nav pārtraukta.
Lai izmantotu nesalaužamo vietu, jūs pievienojat tik reižu, cik nepieciešams HTML marķējumā.
HTML respektē šīs nesalaužamās atstarpes un nesabruks tās vienā telpā. Tomēr šī pieeja tiek uzskatīta par sliktu praksi, jo tā pievieno HTML papildu marķējumu dokumentam tikai, lai sasniegtu izkārtojuma vajadzības. Ja iespējams, izvairieties no nepārtrauktu atstarpju pievienošanas, lai sasniegtu vēlamo izkārtojuma efektu un izmantotu CSS piemales un polsterējums tā vietā.