縦書きの印刷用文章だったら整形のお約束ってだいたい決まってるから、そこらの本を参考にして禁則とか段落の字下げのやり方とかすぐわかるんだけど、ウェブのこういう横書きの文章ってどうしたらいいのか、いまいち悩む。段落の字下げの話ひとつとっても、あれこれ説がある。
HTMLでパラグラフの<p>タグは、ブラウザだと欧文風に1行空けるレンダリングをされる。日本語は普通、段落は改行して一文字下げなので、いきなり作法が違うことになる。この時点で、1行空いてるんだから字下げいらない派と、日本語なんだから字下げ必要派に分かれる。で、日本語式に表示させるための作法もいろいろで、<br>(改行)とスペースでやってる人(これはHTML的にちょっと問題あり)とか、<p>タグ+全角スペースで文字下げとか、いやそこはスタイルシートのtext-indentを使うのが本来でありとか、どうも統一した見解がない。
欧文混じりの文章で、欧文と和文の間を半角スペースで空けるかどうかって問題もある。個人的には空けない派なんだけど(こっちの方が頭使わなくていい。空ける場合、数字とか句読点の前をどうするかとか、これまた細かい話がややこしい)、最近のMac OSのテキストエンジンは、スペースがないとたまに変な位置で改行してしまうのだった(これ、どういう仕様なんだろう?)。
まあ、細かいことなんだけど、字面がきれいだと、なんか読む気が沸いてきません? Alertbox: 2005年 ウェブ・デザインの間違いトップ10ではダントツでフォントの問題(小さすぎ、固定サイズ、薄い)が1位だし、やっぱり重要なのだ。ちなみにおすすめ本文文字サイズは、ユーザー任せ。設定するなら最低でも10pt(Windowsの話だと思われる。13px)で、固定サイズにしないこと、だそうで。最適行間は、パナソニックの研究によると0.4から0.9の間。
ぜったいやらない方がいいと思うのは、見た目の幅に合わせて文章の途中で改行を入れること。想定してるサイズよりフォントを大きくすると、数文字だけ次の行に送られてしまってテラ読みにくい。しかも、そういうページに限って字が小さいとか。あと、IE6はとっとと捨てましょう。
