Typografie pro web

---

Základní pravidla pro formátování textu na webu

1. Podle významu textu používejte odpovídající označení v HTML (značky pro nadpisy, odstavce, výčtové seznamy apod.). Základních HTML značek je jen pár a umět s nimi zacházet se vyplatí.
2. Nepoužívejte současně na stránce více než dva druhy písma.
3. I nejmenší použitá velikost písma musí být dobře čitelná.
4. Barva písma musí být vždy vzhledem k podkladu dostatečně kontrastní.
5. Na webu dáváme přednost zarovnávání textu vlevo. Zarovnávání do bloku je vhodné spíše nepoužívat (algoritmy v prohlížečích jsou pro dobrý výsledek nedostatečné).
6. Pro zvýraznění částí textu se používá ztučnění, italika, případně jejich kombinace.
7. Zvýraznění podtržením je nepřípustné — takto mohou být označeny pouze odkazy!
8. Zvýrazňování odlišnou barvou lze používat výjimečně — barevně se na webu odlišují především aktivní prvky.
9. Je-li se zvýrazněným textem spojeno interpunkční znaménko, musí být rovněž zvýrazněno.
10. Párové interpunkční značky (závorky, uvozovky) musí být obě stejné.

Poznámka: v následujících příkladech jsou pro názornost zdůrazňované mezery nahrazeny podtržítkem "_".

Nedělitelná mezera

Zapisuje se pomocí speciální entity ( ). V místě jejího výskytu se nesmí přejít na nový řádek.
Nedělitelná mezera je navíc vhodná pro jednoznakové předložky a spojky.

Příklady:

• Diskutovali o_IBM
• Hráli karty v_práci
• Bob a_Bobek

Interpunkční znaménka (. , ; ! ? :)

Píší se bez mezery před a s mezerou za. Znaky v číslech, časových údajích, skóre apod. se za interpunkci nepovažují.

Příklady:

• Ahoj,_kolik jsi dnes prodal počítačů?_Hodně,_akorát trochu lžu...
• Gin s tonikem v poměru 2:1
• Získal 22,5 bodu
• Kapitola 2.1.1

Trojtečka a tři tečky

Trojtečka se správně zapisuje jako speciální znak (Alt+0133, …). Zápis třemi jednotlivými tečkami se však na webu nepovažuje za chybu.
Po třech tečkách mohou následovat další interpunkční znaménka, která se připojují bez mezery s vyjímkou tečky (ta se nepřipojuje).

Příklady:

• ...sám si určil svou cestu..._sám za to platí!
• Víno, ženy,_...

Uvozovky

Pro typografické uvozovky se v češtině používají tyto varianty:

• „Kořenem všeho zla je nedostatek poznání“
• ‚Kořenem všeho zla je nedostatek poznání‘
• »Kořenem všeho zla je nedostatek poznání«

Na webu se však často používá (toleruje) tento způsob:

• "Kořenem všeho zla je nedostatek poznání"
• 'Kořenem všeho zla je nedostatek poznání'

Vnořené uvozovky (citace v citaci):

• "Byla to 'větší než malá' hloupost"
• "Byla to »větší než malá« hloupost"

Minus, spojovník, rozdělovník a pomlčka

"-" je minus (v matematických výrazech) a také spojovník/rozdělovník.
"–" je střední (en) pomlčka (Alt+0150, –).
"—" je dlouhá (em) pomlčka. Používá se ve smyslu od do, až, versus, a (Alt+0151, —).

Příklady:

• Česko-slovenský, Praha-Podolí, mám-li apod. (spojovník/rozdělovník).
• Měl všechno v malíčku_-_bohužel přišel o něj. (na webu se toleruje pro pomlčky použití "minus").
• Měl všechno v malíčku_–_bohužel přišel o něj. (střední pomlčka je vhodnější způsob).
• Otevřeno 8.00—17.30 hodin (dlouhá pomlčka).
• Zápas Česko—Kanada (dlouhá pomlčka).
• Obdivuji dvojici Bob—Bobek (dlouhá pomlčka).

Zkratky

• p. (pán), pí. (paní)
• mjr. (major), kpt. (kapitán), prof., doc., MUDr., MVDr., Ing., Ing._arch., akad._arch.
• apod. (a podobně), atd. (a tak dále), mj. (mimo jiné), t._č. (toho času)
• a._s., s._r._o., spol._s_r._o., v._o._s.
• Známá firma, s.r.o. (výjimka, určující je forma zápisu v obchodním rejstříku).
• Více na www.zkratky.cz.

Iniciály

• J._Novák
• J._F._K.

Závorky

Sází se bez mezer. Obvykle se používají kulaté závorky ().
Ostatní závorky se používají sporadicky. Svou roli hrají v matematickýchj výrazech. Jedná se zejména o tyto: [ ]{ }< >.

Příklady:

• Nevadí mi názor jiných (pokud mi ho nechtějí vnutit).
• [(3a_+_3b)_-_2c]_=_4

Speciální znaky

• *_2012
• †_2012 (Alt+0134)
• $_113
• Tom_&_Jerry

Apostrof (odsuvník)

• '06
• d'Artagnan

Číselné hodnoty

• 1,12
• 100,123
• 1_000,123_4
• 100_000_000,123_456_789

Peněžní hodnoty

• Kč_100,– (používá se střední pomlčka)
• Kč_100,50
• 150_Kč

Datum a čas

• 17._listopadu_2018
• 17._11._2018
• 17._XI._2018
• 17/11/18
• 2018—19, 2018/2019, 2018/19
• Photokina_'19
• 13.15 místního času
• 13.15:30 GMT (Greenwich Mean Time)
• 15:30,05 (15 minut, 30 sekund a 5 setin)

Telefonní čísla

• 123
• 12_34
• 123_45
• 12_34_56
• 123_45_67
• 12_34_56-7 (s použitím spojovníku)
• 123_456_789

PSČ

• 760_01

Jednotky

Značky jednotek se píší bez tečky, od číselné hodnoty se oddělují mezerou.

Příklady:

• 2_cm = dva centimetry; 2cm = dvoucentimetrový
• 100_% = sto procent; 100% = stoprocentní
• 120_km/h
• 14,5_°C; 14,5_°Celsia (Alt+0176, °)
• 12°_pivo
• 14denní dovolená
• Trubka_ø_3/4”
• 4_m³
• 5°15´30“_(možné je i 5°_15'_30" )

Autorské a ochranné známky

• ©_Josef Novák (Alt+0169, &copy;)
• Produkt® (Alt+0174, &reg;)
• Produkt™ (Alt+0153, &trade;)