Viena no vietnes tipogrāfijas īpašībām, kuru varat izvēlēties pielāgot vietnes izstrādes laikā, ir tas, kā vietnes teksts ir pamatots. Pēc noklusējuma vietnes teksts tiek atstāts pamatots, un tas ir tas, cik daudz vietņu atstāj savu tekstu. Vienīgās citas iespējas ir pareizi pamatotas, kas ir reti vai ir pilnīgi pamatotas.
Pamatots teksts ir teksta bloks, kas izlīdzinās gan kreisajā, gan labajā pusē, pretstatā tikai vienai no šīm pusēm (ko dara "kreisais" un "labais" pamatojums). Divkārši pamatotais efekts tiek panākts, pielāgojot vārdu un burtu atstarpes katrā teksta rindā, lai nodrošinātu, ka katra rinda ir vienāda garuma. Šo efektu sauc pilnīgs pamatojums. Pamatojiet tekstu CSS, izmantojot izlīdzināt tekstu īpašums.
Kā darbojas taisnošana?
Iemesls, kāpēc teksta bloka labajā pusē bieži redzat nevienmērīgu malu, ir tas, ka katra teksta rinda nav vienāda garuma. Dažās rindās ir vairāk vārdu vai garāki vārdi, savukārt citās ir mazāk vai īsāk. Lai attaisnotu šo teksta bloku, dažām rindām jāpievieno papildu atstarpes, lai izlīdzinātu visas rindas un padarītu tās konsekventas.
Katram tīmekļa pārlūkam ir savs algoritms, lai rindā ievietotu papildu atstarpes. Pārlūkprogrammas izskata vārdu garumu, defisāciju un citus faktorus, lai noteiktu, kur ievietot atstarpes. Tā rezultātā pamatots teksts, iespējams, neizskatās identisks no vienas pārlūkprogrammas uz otru. Tomēr esiet drošs, ka lielais pārlūka atbalsts ir labs teksta pamatošanai ar CSS.
Kā attaisnot tekstu
Lai attaisnotu tekstu ar CSS, ir jāpamato teksta sadaļa. Parasti jūs izmantosiet teksta rindkopas, jo lielie teksta konteksta bloki, kas aptver vairākas rindas, tiks atzīmēti ar rindkopu tagiem.
Kad jums ir teksta bloks, kas jāpamato, stila iestatīšana ir pamatota ar CSS teksta izlīdzināšanas stila rekvizītu. Lietojiet šo CSS kārtulu atbilstošam atlasītājam, lai teksta bloks tiktu renderēts kā paredzēts.
Kad attaisnot tekstu
Daudziem cilvēkiem patīk attaisnota teksta izskats no dizaina viedokļa, galvenokārt tāpēc, ka tas rada ļoti konsekventu, izmērītu izskatu, taču tīmekļa lapas teksta pilnīgai attaisnošanai ir negatīvās puses.
Pirmkārt, pamatotu tekstu var būt grūti nolasīt. Tas ir tāpēc, ka, attaisnojot tekstu, dažos rindas vārdos dažreiz var pievienot daudz vietas. Šīs nekonsekventās nepilnības var padarīt tekstu grūtāk lasāmu. Tas ir īpaši svarīgi tīmekļa lapās, kuras jau var būt grūti nolasīt apgaismojuma, izšķirtspējas vai citas aparatūras kvalitātes dēļ. Neparastu atstarpju pievienošana tekstam sliktu situāciju var vēl vairāk pasliktināt.
Papildus lasāmības izaicinājumiem tukšie laukumi dažreiz atrodas vienā rindā, lai teksta vidū izveidotu baltas vietas "upes". Šīs lielās atstarpes atstarpes patiešām var padarīt neērtu displeju. Turklāt ļoti īsās rindās pamatojums var izraisīt rindas, kurās ir viens vārds, ar papildu atstarpēm starp pašiem burtiem.
Tātad, kad jums vajadzētu izmantot teksta pamatojumu? Labākais teksta pamatojuma laiks ir tad, kad rindas ir garas un fonta lielums ir mazs - to ir grūti nodrošināt atsaucīgās vietnēs, kur līnijas garums mainās atkarībā no ekrāna izmēriem. Rindas garumam vai teksta lielumam nav stingra un ātra numura; jums jāizmanto vislabākā spriešana.
Pēc teksta izlīdzināšanas stila piemērošanas teksta pārbaudei pārbaudiet, vai tekstā nav baltas atstarpes - un pārbaudiet to dažādos izmēros. Vieglākajam testam nav vajadzīgs nekas sarežģītāks kā jūsu pašu izliektās acis. Citādi pelēkā teksta blokā upes izceļas kā baltas plankumi. Ja redzat upes, jums jāmaina teksta lielums vai bloka platums, lai teksts tiktu atspoguļots.
Izmantojiet pamatojumu tikai pēc tam, kad esat to salīdzinājis ar tekstu, kas izlīdzināts pa kreisi. Jums var patikt pilnīga pamatojuma konsekvence, taču standarta kreisi pamatotais teksts parasti ir labāk lasāms. Galu galā jums vajadzētu pamatot tekstu, jo esat izvēlējies attaisnot tekstu dizaina nolūkos un esat apstiprinājis, ka jūsu vietne joprojām ir viegli lasāma.