Twitter
RSS

vit.dajbych.net

Dělení slov v HTML

Autor: , 6. dubna 2010

Pokud máme někde na stránce vyhrazenou poněkud užší část pro text, na kterou se vejte na jeden řádek jenom několik slov, může se to jevit jako velice neestetické. Mezi slovy se tvoří velké mezery, mnohdy delší než některá slova.


Psát dobře software není jen o tom používat nejnovější technologie. Přednáška Petra Puše je úvodem do světa návrhových vzorů – design patterns, které představují osvědčená řešení často opakovaných netriviálních problémů. I přestože jsou návrhové vzory technologicky nezávislé, jsou ukázány konkrétní implementace některých vzorů pro platformu .NET
Psát dobře software není jen o tom používat nejnovější technologie. Přednáška Petra Puše je úvodem do světa návrhových vzorů – design patterns, které představují osvědčená řešení často opakovaných netriviálních problémů. I přestože jsou návrhové vzory technologicky nezávislé, jsou ukázány konkrétní implementace některých vzorů pro platformu .NET

Výše uvedený příklad mluví sám za sebe. Řešit zmenšením velikosti písma? Menší velikost písma nám možná přidá nějaké to slovo na řádek, ale to bychom museli používat opravdu malou velikost písma, aby to problém vyřešilo. Tento problém bude lepší řešit pomocí dělení slov.


Psát dob­ře software není jen o tom používat nej­no­věj­ší tech­no­lo­gie. Před­náš­ka Petra Puše je ú­vo­dem do svě­ta ná­vr­ho­vých vzo­rů – design patterns, kte­ré předs­ta­vu­jí os­věd­če­ná ře­še­ní čas­to opa­ko­van­ých net­ri­viál­ních prob­lémů. I přes­tože jsou ná­vr­hové vzo­ry tech­no­lo­gic­ky ne­zá­vis­lé, jsou u­ká­zá­ny kon­krét­ní im­ple­men­ta­ce něk­te­rých vzo­rů pro plat­for­mu .NET
Psát dob­ře software není jen o tom používat nej­no­věj­ší tech­no­lo­gie. Před­náš­ka Petra Puše je ú­vo­dem do svě­ta ná­vr­ho­vých vzo­rů – design patterns, kte­ré předs­ta­vu­jí os­věd­če­ná ře­še­ní čas­to opa­ko­van­ých net­ri­viál­ních prob­lémů. I přes­tože jsou ná­vr­hové vzo­ry tech­no­lo­gic­ky ne­zá­vis­lé, jsou u­ká­zá­ny kon­krét­ní im­ple­men­ta­ce něk­te­rých vzo­rů pro plat­for­mu .NET

Uznejte, že text vypadá mnohem celistvěji. Řešení je jednoduché. Stačí na místo, kde se má slovo dělit, vložit znak soft hyphen, který zastupuje entita: 

­

nebo ekvivalentní zápis (hodí se do XML souborů): 

­

Místo zalamování textu po slovech se může zalomit uprostřed slova. Prohlížeč umístí pomlčku sám. Pokud najde dělitelné slovo, jehož část se na řádek ještě vejde, rozdělí ho. Ve výsledku nezvnikají mezi textem ohromné mezery. Pokud se povídáte na zdrojový kód, nenajdete mezi textem tyto entity. Zalamování podporují všechny dnes používané prohlížeče, akorát se na webu vyskytuje jen zřídka. Jediná Opera by měla zalamování vylepšit, protože pokud vkládá pomlčku, nedodržuje padding.

Vkládání této entity přímo do textu ručně není moc šikovné a ani přehledné. Proto je lepší vkládání zautomatizovat: 

text = text.Replace('+', '\u00AD');

Výše uvedený kód nahradí znak plus za neviditelný znak soft hyphen.

?
?
?