This is an archive of an inactive wiki and cannot be modified.

Text Styling for mobiles

This technique gives some ideas for ensurng that your text styling meets the requirements for CategoryBpSuitable.

Code sample 1

the "­" marks a natural place to split a word when it might be necessary, instead of forcing the device to have a huge dictionary, or simply guess. (Sorry, wiki's don't seem to do real HTML markup, so I can't make it stand out any better).

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Example of breaking words</title>
</head><body>
<p>The word antidis&shy;establishment&shy;arianism is about the relation between the church and the crown in England. But it is mostly used for an example of a long word.</p>
</body></html>

This can be rendered as

The word antidisestablishment-
arianism is about the relation
between the church and the crown
in England...

or

The word antidis-
establishmentariansim
is about the relation
between the church and
the crown in England..

instead of

the word antidisest-
ablishmentarianism is
about the relation ...

Back to BestPracticesList


CategoryPhp CategoryXhtml

Contributions to this wiki are governed by the W3C policies for Contribution to W3C' wiki on Mobile Web.