たまに、不可解なことが起ります。
これは、どうも HTML の制限によるところが多いようです。 ( 2012/09/12 現在)
投稿編集の画面で、作成と HTML を行ったり来たりしていると、だんだん、頭が混乱して来てしまいます。
そこで、今回は、文章整形に関連した HTML 制御文をご紹介。
前にご紹介した HTML_Editing_Blocks.txt に以下の制御文を追加して下さい。
前回参照 Blogger 画像と文章 文字の廻り込みを防止 。
以下に制御文を例示します。 数値や色指定等、適宜変更して下さい。
---------------------------------------------------------------------------
blogger HTML 関連 制御 Code 集 追加分 第2回
---------------------------------------------------------------------------
*** Blogger の投稿 標準編集 画面の HTML にて < > ブロックを挿入 ***
***************************************************************************
3-a. Blogger 文頭に空白挿入 10 個
3-b. Blogger 文頭に空白挿入 3 個
3-c. Blogger 文頭に空白挿入 1 個
***************************************************************************
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 ¥の表示 (半角 ¥)
¥
***************************************************************************
6. Blogger 特殊文字の表示 (半角 © ® ± º)
© ® ± º
***************************************************************************
必要箇所をコピー追加して下さい。 必要なら整形して下さい。
以下、簡単に説明を。
文中の空白はちゃんと処理しているようですが、文頭は HTML に切り替えて、以下の制御文を挿入しないと駄目なことがあります。
が半角空白のひとつに相当します。 フォントに拠って横幅が異なります。 数は調整して。
これで、段落落ちなど、見た目を調整出来ます。
ついでに、文章の区切りとして、横線を挿入するには <hr で始まる制御文です。
色や幅を調整することも可能です。
太さ (size) は無指定で薄い色がお勧め。
太さ (size) を 1 で指定し前後に空行があると、何故か表示されない場合があります! 利用時には気を付けて下さい。
次に挙げるのは、表記が変わる文字!
PC のディレクトリ(フォルダ)を示す、ご存知 ¥マークです。
普通に¥を入力すると \ に表示されます。
やはり、馴染みが無いので、文章中は¥で示したいです。
HTML では¥は特殊文字扱いなので、¥ で置き換えます。
面倒なのが、引用文。
そのまま、 Copy & Paste でメモ帳などに貼り付ければ、ちゃんと、表示が戻ります。
私のブログでは、引用中の \ は直さずにそのままにしてあります。
見難くて、申し訳ありません、こういう理由からです。
特殊文字の例を幾つか挙げますが、 WebBrowser によって表示できない事もあるようです。
見本です。 上の引用の制御文をそのまま記述した例で、3-a 、3-b 、3-c 、4-a 、4-b 、4-c の順です。
文頭
文頭
文頭
このように、Blogger の文章整形には、ちょっとした工夫が今は必要です。
しかし、この投稿を書いている間も Blogger の システムや WebBrowser の表示は変わり続けています。
このような、小手先の操作が不要になる日がそのうち来るでしょう。
そのときに、私達がが積んだ経験はきっと別のことに役立つ、と信じて ... 。
0 件のコメント:
コメントを投稿