User:CHGiffen/Spacing: Difference between revisions

From ChoralWiki
Jump to navigation Jump to search
mNo edit summary
m (tidied table)
Line 3: Line 3:
Here are these various space characters inserted between ">" and "<".  These seem to be browser dependent, but (for me) appear correctly in Internet Explorer 8 (IE 8).
Here are these various space characters inserted between ">" and "<".  These seem to be browser dependent, but (for me) appear correctly in Internet Explorer 8 (IE 8).
:{|
:{|
|align=center width=25%|>''char''<
|align=center width=20%|>''char''<
<hr>
<hr>
|width=35% align=center|''char'' =
|width=30% align=center|''char'' =
<hr>
<hr>
|description (what you ''should'' see)
|nowrap|description (what you ''should'' see)
<hr>
<hr>
|-
|-

Revision as of 00:18, 19 August 2009

There are various ways to put whitespace into text, using HTML entities.

Here are these various space characters inserted between ">" and "<". These seem to be browser dependent, but (for me) appear correctly in Internet Explorer 8 (IE 8).

>char<
char =
description (what you should see)
> < "space bar" normal space
> < &#32; normal space
> < &nbsp; no break space
> < &#160; no break space
> < &ensp; en space
> < &#8194; en space
>n< n compare with en space
> < &emsp; em space
> < &#8195; em space
>m< m compare with em space
> < &#8196; 1/3 em space, thick space
> < &#8197; 1/4 em space, mid space
> < &#8198; 1/6 em space
> < &#8199; figure space
>9< <tt>9</tt> compare with figure space
> < &#8200; punctuation space
> < &thinsp; thin space
> < &#8201; thin space
> < &#8202; hair space
>​< &#8203; zero width space

Here are the equivalents in numbers of hair spaces of the various space characters (in my browser, IE 8):

>< (no space at all)
>​< (&#8203;)

> < (&#8202;) one hair

>  < two hairs
> < (&#8198;) 1/6 em (thin) space
> < (&#8201;) thin space

>   < three hairs
> < (&#8197;) 1/4 em (med) space

>    < four hairs
> < (&#8196;) 1/3 em (thick) space
> < (&#8200;) punctuation space

>     < five hairs

>      < six hairs

>       < seven hairs
> < (&#8194;) en space

>        < eight hairs
> < (&#8199;) figure space

>         < nine hairs

>          < ten hairs

>           < eleven hairs

>            < twelve hairs

>             < thirteen hairs
> < (&#8195;) em space

Such spaces can be judiciously used to achieve desired effects. In particular, kerning by a hairspace before (or after) italic text which is preceded (or followed) by enclosing parenthesis, square bracket, or curly brace will generally improve the appearance. For an enclosing right parenthesis, bracket, or brace, a thinspace kern (2 hairspaces) will perhaps be better still:

(3.97) – no kerns
( 3.97 ) – hairspace before and after
( 3.97 ) – hairspace before, thinspace after
[48 ml] – no kerns
[ 48 ml ] – hairspace before and after
[ 48 ml ] – hairspace before, thinspace after
{A to Z} – no kerns
{ A to Z } – hairspace before and after
{ A to Z } – hairspace before, thinspace after