Blog

Woorden afbreken op het web

19 Januari 2011, door Heino Boekhout

De tekstweergave op het internet wordt langzamerhand volwassen. Zoals met het script Hyphenator waarmee tekst automatisch kan worden afgebroken, net zoals dat in boeken en kranten gebeurt.

tl_files/blog/woorden-afbreken_op_het_web.png

Bovenstaand voorbeeld laat zien dat dankzij de tekstafbreking de regels beter leesbaar worden omdat er minder wit tussen de woorden staat. En het resulteert in een compactere paragraaf, met in dit voorbeeld een reductie van één regel.

De implementatie van Hyphenator is vrij eenvoudig. Nadat het script is geüpload en in de header van de html pagina wordt aangeroepen kunnen elementen waarvan men de woorden wil afbreken voorzien worden van de class hyphenate. Standaard worden de woorden afgebroken volgens de regels van de taal die in de htmlpagina staat gedefineerd, zoals het lang="nl" attribuut in de html tag. Woorden in tekstelementen die in een andere taal zijn geschreven worden correct afgebroken door achter de toewijzing van de class hyphenate de taal te noteren zoals: class="hyphenate" lang="en".

Het script zorgt voor een kleine vertraging bij het laden van de pagina, maar dit is minimaal en zal in de meeste gevallen onopgemerkt blijven. Hyphenator draait in elke browser die naast javascript ook de soft hyphen (­) ondersteund, o.a. Internet Explorer ≥ 5, Safari ≥ 2, Firefox ≥ 3, Chrome en Opera ≥ 7.1.
Wanneer men (afgebroken) tekst kopieert wordt automatisch de originele tekst zonder afbreektekens gekopieerd (mits de browser het oncopy event niet ondersteund). Ook de zoekmachine bots indexeren de originele tekst.

Meer informatie over Hyphenator is te vinden op hyphenator.googlecode.com

←  Ga terug