Ena izmed lastnosti tipografije spletnega mesta, ki jo lahko prilagodite med razvojem spletnega mesta, je, kako je njegovo besedilo upravičeno. Besedilo spletnega mesta je privzeto levo poravnano in toliko spletnih mest zapusti svoje besedilo. Edine druge možnosti so upravičene s pravico, kar je redko ali v celoti upravičeno.
Utemeljeno besedilo je blok besedila, ki je poravnan tako na levi kot na desni strani, v nasprotju s samo eno od teh strani (kar je utemeljitev "levo" in "desno"). Dvojno upravičen učinek dosežemo s prilagoditvijo presledkov besed in črk v vsaki vrstici besedila, da zagotovimo, da je vsaka vrstica enake dolžine. Ta učinek se imenuje popolna utemeljitev. Utemeljite besedilo v CSS z uporabo poravnava besedila lastnine.
Kako deluje utemeljitev?
Razlog, da na desni strani bloka besedila pogosto vidite neenakomeren rob, je, da vsaka vrstica besedila ni enako dolga. Nekatere vrstice imajo več besed ali daljše besede, druge pa manj ali krajše. Za utemeljitev tega bloka besedila je treba nekaterim vrsticam dodati dodatne presledke, da se vse vrstice izenačijo in postanejo skladne.
Vsak spletni brskalnik ima svoj algoritem za uporabo dodatnih presledkov znotraj vrstice. Brskalniki preučijo dolžino besede, deljenje besed in druge dejavnike, da določijo, kam naj bodo presledki. Posledično upravičeno besedilo morda ne bo enako od enega do drugega brskalnika. Bodite prepričani, da je velika podpora za brskalnike dobra za utemeljitev besedila s CSS.
Kako upravičiti besedilo
Utemeljitev besedila s CSS zahteva del besedila, ki ga je treba utemeljiti. Običajno boste uporabili odstavke besedila, ker bodo veliki bloki konteksta besedila, ki obsega več vrstic, označeni z oznakami odstavkov.
Ko imate blok besedila, ki ga je treba utemeljiti, je samo še, da slog nastavite tako, da je upravičen z lastnostjo sloga CSS text-align. Uporabite to pravilo CSS na ustreznem izbirniku, da bo blok besedila upodobljen, kot je bilo predvideno.
Kdaj utemeljiti besedilo
Mnogim je všeč videz upravičenega besedila z vidika oblikovanja, predvsem zato, ker ustvarja zelo dosleden, izmerjen videz, vendar obstajajo slabosti, ki v celoti upravičujejo besedilo na spletni strani.
Prvič, upravičeno besedilo je težko brati. To je zato, ker lahko med utemeljevanjem besedila med nekaterimi besedami v vrstici včasih dodamo veliko dodatnega prostora. Te neskladne vrzeli lahko otežijo branje besedila. To je še posebej pomembno na spletnih straneh, ki jih je že zaradi razsvetljave, ločljivosti ali druge kakovosti strojne opreme težko prebrati. Dodajanje nenavadnih presledkov besedilu lahko slabo situacijo še poslabša.
Poleg izzivov berljivosti se prazni prostori včasih poravnajo med seboj, da na sredini besedila ustvarijo "reke" praznega prostora. Te velike vrzeli praznega prostora lahko resnično naredijo neprijeten prikaz. Poleg tega lahko pri izredno kratkih črtah utemeljitev povzroči vrstice, ki vsebujejo eno besedo z dodatnimi presledki med samimi črkami.
Kdaj naj torej uporabi obrazložitev besedila? Najboljši čas za utemeljitev besedila je, ko so vrstice dolge in je velikost pisave majhna - kar je težko zagotoviti na odzivnih spletnih mestih, kjer se dolžine vrstic spreminjajo glede na velikost zaslona. Za dolžino vrstice ali velikost besedila ni natančne številke; morate uporabiti svojo najboljšo presojo.
Ko uporabite slog poravnave besedila za utemeljitev besedila, ga preizkusite, da se prepričate, da besedilo nima rek praznine - in ga preizkusite v različnih velikostih. Najlažji test ne zahteva nič bolj zapletenega kot lastne oči. Reke izstopajo kot beli madeži v sicer sivem bloku besedila. Če vidite reke, spremenite velikost besedila ali širino bloka besedila, da besedilo znova sestavite.
Utemeljitev uporabite šele, ko jo primerjate z besedilom, poravnanim levo. Morda vam bo všeč doslednost celotne obrazložitve, vendar je običajno besedilo, poravnano levo, običajno bolj berljivo. Na koncu bi morali besedilo utemeljiti, ker ste se odločili, da besedilo utemeljite z namenom oblikovanja, in potrdili, da je vaše spletno mesto še vedno enostavno brati.