Blogger 文章整形と表示されない文字

blogger で投稿文を書いていて、文頭のスペースが無くなってしまったり、 入力したのに別の表示に化けてしまったりと、
たまに、不可解なことが起ります。
これは、どうも HTML の制限によるところが多いようです。       ( 2012/09/12 現在)
投稿編集の画面で、作成と HTML を行ったり来たりしていると、だんだん、頭が混乱して来てしまいます。
そこで、今回は、文章整形に関連した HTML 制御文をご紹介。


前にご紹介した HTML_Editing_Blocks.txt に以下の制御文を追加して下さい。
　　　前回参照　Blogger 画像と文章　文字の廻り込みを防止 。

以下に制御文を例示します。　数値や色指定等、適宜変更して下さい。

---------------------------------------------------------------------------
            blogger　 HTML 関連　 制御 Code 集 追加分　　　　　　第２回
---------------------------------------------------------------------------
***     Blogger の投稿 標準編集 画面の HTML にて < > ブロックを挿入     ***
***************************************************************************

3-a. Blogger 文頭に空白挿入 10 個

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


3-b. Blogger 文頭に空白挿入  3 個

&nbsp;&nbsp;&nbsp;


3-c. Blogger 文頭に空白挿入  1 個

&nbsp;

***************************************************************************

4-a. Blogger 横線挿入

<hr />


4-b. Blogger 横線挿入 長さ数値指定

<hr aline="center" color="#707070" width="600" />


4-c. Blogger 横線挿入 長さ比率指定

<hr aline="center" color="#909090" width="90%" />

***************************************************************************

5. Blogger ￥の表示 (半角 ¥)

&yen;

***************************************************************************

6. Blogger 特殊文字の表示 (半角 © ® ± º)

&copy;    &reg;    &plusmn;    &ordm;

***************************************************************************
　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　必要箇所をコピー追加して下さい。　必要なら整形して下さい。

以下、簡単に説明を。

文中の空白はちゃんと処理しているようですが、文頭は HTML に切り替えて、以下の制御文を挿入しないと駄目なことがあります。
&nbsp; が半角空白のひとつに相当します。　フォントに拠って横幅が異なります。　数は調整して。
これで、段落落ちなど、見た目を調整出来ます。

ついでに、文章の区切りとして、横線を挿入するには <hr で始まる制御文です。
色や幅を調整することも可能です。
太さ (size) は無指定で薄い色がお勧め。
太さ (size) を 1 で指定し前後に空行があると、何故か表示されない場合があります！　利用時には気を付けて下さい。

次に挙げるのは、表記が変わる文字！
PC のディレクトリ（フォルダ）を示す、ご存知 ￥マークです。
普通に￥を入力すると \ に表示されます。
やはり、馴染みが無いので、文章中は￥で示したいです。
HTML では￥は特殊文字扱いなので、&yen; で置き換えます。
      面倒なのが、引用文。　
      そのまま、 Copy & Paste でメモ帳などに貼り付ければ、ちゃんと、表示が戻ります。
      私のブログでは、引用中の \ は直さずにそのままにしてあります。
      見難くて、申し訳ありません、こういう理由からです。

特殊文字の例を幾つか挙げますが、 WebBrowser によって表示できない事もあるようです。

---

見本です。　上の引用の制御文をそのまま記述した例で、3-a 、3-b 、3-c 、4-a 、4-b 、4-c の順です。
          文頭
   文頭
 文頭

---

---

---

---

このように、Blogger の文章整形には、ちょっとした工夫が今は必要です。
しかし、この投稿を書いている間も Blogger の システムや WebBrowser の表示は変わり続けています。
このような、小手先の操作が不要になる日がそのうち来るでしょう。
そのときに、私達がが積んだ経験はきっと別のことに役立つ、と信じて ... 。