Typografické minimum I
Člověk, který se projevuje navenek prostřednictvím webu či písemných dokumentů, by měl znát určité typografické minimum. Když ho nezná, tak se jím vyprodukované texty nedají číst. Dnes se plynule vrhnu na základní typografii odstavce (určitě tu nezazní vše). Všeobecné zarovnání textu Na webu si vyberte jedno jediné zarovnání a to používejte všude (nejlépe zarovnání vlevo – čteme […]
Člověk, který se projevuje navenek prostřednictvím webu či písemných dokumentů, by měl znát určité typografické minimum. Když ho nezná, tak se jím vyprodukované texty nedají číst. Dnes se plynule vrhnu na základní typografii odstavce (určitě tu nezazní vše).
Všeobecné zarovnání textu
Na webu si vyberte jedno jediné zarovnání a to používejte všude (nejlépe zarovnání vlevo – čteme z leva do prava). Vyjímku může tvořit třeba menu, či popis obrázku – je dobré se vyvarovat konstrukcí, kdy je jeden odstavec zarovnán doprava, druhý doleva a třetí na střed.
Zarovnání textu do bloku
Zarovnání do bloku (text-align: justify;) je na webu problematické z hlediska dělení slov – viděli jste někdy, že by vám prohlížeč dělil slova, aby zachoval všude stejné mezery? Já ne. Při zarovnání do bloku vznikají různě široké mezery, což snižuje čitelnost a vůbec vzhled textu. Je tedy lepší zarovnání do bloku příliš nepoužívat (což porušuju dnes a denně, protože se mi prostě líbí :-)).
První řádek odstavce
V českém prostředí se obvykle odsazuje první řádek odstavce (vyjímkou je tuším první odstavec textu). Obvyklá velikost odsazení odstavce je 1em (tj. text-indent: 1em;), může být i širší.
Poslední řádek odstavce
By se neměl objevit na začátku a konci stránky (u tištěných médií), na webu si stačí hlídat, aby byl delší než jedno osamělé slovo. Jak se takového sirotka zbavit? Přidejte mezi předposlední a poslední slovo pevnou mezeru .
Odstavcový proklad
Je optické oddělení odstavců. Jestliže neodsazujete první řádek, tak by měl být proklad o něco větší (obvykle stačí hodnoty okolo 0.75 – 1em, tj. padding-bottom: 1em;).
Řádkový proklad
Mezera mezi jednotlivými řádky. V CSS ji můžeme jednoduše nastavit atributem line-height. Větší mezery mezi řádky zvyšují čitelnost, na druhou stranu by neměly být zase ultravelké. Obvykle se mi osvědčily hodnoty okolo line-height: 1.5;
Nadpisy
Dělení delšího bloku textu pomocí nadpisů významně zvyšuje jeho čitelnost. Btw. na webu si stejně delší blok textu přečte jen málokdo (a věřím, že i takovýto čtenář uvítá nadpisy a podnadpisy). Pro nadpisy používejte pouze semanticky správný zápis <h1> – <h6>.
Komentáře
Moc pěkný článek. Podle nadpisu soudím, že chystáš další pokračování, tak do toho. Seriál „Hříchy pro šíleného korektora“, na Intervalu, mě na tuto tématiku hodně navnadil, tak doufám, že se dozvím ještě něco nového!
Taky doufám, že je tohle začátek seriálu, hlavně se těším na pomlčky, rozdělovníky a podobnou verbež a na správné české úvozovky, nejlépe i s vypsanými entitami…
Upřesním to s tím prvním řádkem odstavce: neměl by se odsazovat u prvního odstavce po nadpisu libovolné úrovně (pokud je tento nadpis na samostatné řádce). Tedy ne jen na začátku kapitoly nebo celého textu. Rovněž by se neměl odsazovat tam, kde je podnadpis vnořený do začátku vlastního odstavce (tedy odstavec pokračuje na stejné řádce za ním).
Šířka odsazení by měla být jeden až 3 čtverčíky.
Ad Bochi (první řádek odstavce): toto pravidlo platí ovšem jen pro sazbu anglosaskou. V české sazbě se odsazují odstavce vždy, i když jsou první po nadpisu. Ovšem – mně se ten anglický způsob „neodsazování“ prvních odstavců docela líbí, takže ho velmi často používám i v českých textech.
V CSS jsou k dispozici vlastnosti orphans a widows. Jak moc jsou podporované v prohlížečích, nevím.
Nebylo by správnější odstavcový proklad zajistit vlastností margin místo padding?
Margin x padding – jde především o to, jak je nastylovaný zbytek textu, aby nedocházelo ke sloučení marginů a text se nezačal formátovat jinak, než bylo původně zamýšleno. S paddingem se to nestane :-)
Právě proto se mi zdá používání marginu k tomuto účelu správnější. Paddingy se sčítají a mohou vytvořit zbytečně velkou mezeru, u marginu se to nestane.
[6] vdovy a sirotci bohuzial moc implementovane nie su – dobry zdroj pre taketo informacie je knizka Mareka Prokopa, kde si dal pracu s vypisanim podpory v prehliadacoch.
No já jsem zvyklý se držet tohoto pravidla:
– odsazení prvního řádku odstavce pouze tehdy, když není mezi odstavci mezera, když je, tak neodsazovat.
Odsazení prvního řádku (odstavcová zarážka) se, pokud vím, vynechává nejen po nadpisu, ale po jakémkoliv přerušení toku textu (vložený obrázek apod., seznam, ale i začátek stránky apod.), takže bych to spíš definoval opačně – odstavcová zarážka se používá pouze mezi dvěma odstavci textu (kdy je potřeba je opticky oddělit). Ale není to asi žádné dogma.
Řádkový proklad nejde tak snadno určit, protože závisí na typu písma, ale hlavně na délce řádků, což je problém zejména u plovoucího layoutu. (BTW: „osvědčilY hodnoty“)
První řádek prvního odstavce že by byl výjimkou? O víkendu jsem dočetl jednu knihu, která toto uplatňovala na začátku kapitoly. Ovšem zde se jednalo zároveň o použití kapitálek prvního řádku. Já osobně používám odsazená každého odstavce textu (jen ty s informační hodnotou – tj. příspěvky). Proložení řádků používám obvykle 1,33 až 1,5 Em. Ovšem mezery mezi odstavci bych osobně řešil (a také řeším) jinak – jednoduše použiji horní i dolní margin, zpravidla hodnotu 0,25 – 0,5 Em.
Pro laiky v této oblasti mi v příspěvku chybí jedno upozornění u nadpisů – nadpis by měl být vždy opticky blíže k následujícímu textu (ke kterému patří). Tzn. je také potřeba upravit marginy, obvykle stačí zmenšit dolní, jestli se nepletu.