Azusaの食い道楽記

PR

×

サイド自由欄

■使用育児グッズ■



■オススメ料理本■


■オススメ離乳食本■


■オススメお菓子作り本■


■オススメ育児本■


■オススメ絵本■



■オススメ児童文学■


■オススメ小説■



■オススメエッセイ■


■オススメコミック■





■オススメごはん■

プロフィール

Azusa2号

Azusa2号

キーワードサーチ

▼キーワード検索

2006/04/05
XML
カテゴリ: 楽天広場生活
 以前、 civakaさん という方が「楽天ブログに行間設定機能はないのか」という記事を書かれていたのを「楽天様にもの申す!」を見ていた時に見かけてちょっと気になっていたんですが、今日ご訪問してくださった すこる。さん のブログを見たら、 結構いい感じに行間を開けられている じゃないですか!

 そのやり方というのが、CSS……カスケーティング・スタイル・シートを用いたやり方だったのです。

 普通CSSというと、ヘッダ部分(と呼ばれる、HTML上では見えないHTMLの情報部分)か、もしくは外部ファイル(***.cssというタイプのファイル)に記述した上で読み込ませるやり方が一般的なんですが、考えてみたら style属性 という形で、直に記述する方法もあったんだよな~。忘れてましたよ。
 それを踏まえて、試しに行間を1.5倍にするタグを作ってみたいと思います。
 前述の すこる。さん civakaさん のレス記事に書いてらっしゃる方法でもいいんだけど、せっかくなので復習がてら自力で組み直し。

<div style="line-height: 1.5">


 上記の「1.5」の部分を、必要ならば1.2~2とかにしたりするとよいかと。
なお、「1.5」の前には半角スペースがあるので、書き直す場合、消さないように要注意。これ消えちゃうときちんとタグが働かないんですわ。

 ホント言うと、style属性って現在推奨されているHTML1.1の基準からすると 「そのやり方古いで~。使こたらあかんねん」 という方向らしいんですけど……楽天広場じゃ外部ファイル置けないし、ヘッダ情報もいじれないから仕方ないよね(開き直り)。そもそも今ブラウザが乱立している状態だから、特にヘッダ上で指定しない限りは、多少HTMLのバージョンが違っていても読めないわけじゃないし。
 普段使う場合は、日記の冒頭に忘れず挟み込むだけで十分なんだよね。

 ちなみに「div」の部分を「p」にしても同じ効果は得られるけど、個人的にpタグあんまり好きじゃないのでdivタグを採用しています。理由は……変に前後の行が空いちゃうのがイヤだから、だった気がするんだが……忘れました(笑)



 私も、なんだかんだ言って長文書きなので、実はこれだけでも大分見栄えが違うんだろうなぁ、と思うわけですよ。そもそも、1行の文字数がページによって変わってしまう楽天ブログの場合、下手に改行入れるともっと見づらくなるし……。
(この場合「ページ」というのは、HOMEとDIARYの違いの事です。私はそれでレイアウトがガタガタになるのイヤなんで、そもそも中央配置型のレイアウトを使わないでいたりするんですが。……ただそもそもケータイの場合って絶対見栄えが変だよね。ケータイで見る人の事全く考えない書き方してるのもあるんだけど)

 だから、ブログで1行1行でしっかり文章区切れる書き手さんは非常に羨ましいなあと思っていたりするんですわ。見やすくてわかりやすくてしかも簡潔って素晴らしいじゃないですか。
 でも私はだらだらとでも長く続いた文章を書くのが本分だし、そもそもそれに自分自身が慣れきっているので、変に改行とか考え始めると、逆に文章が変になりそうで怖かったりして、結局できないままズルズルと来ていたんですよね。文章書きとして研鑽を積むって面から見ればあんまりよくないんだよなぁ……。けれど、ブログや日記くらい好き勝手書いてみたいじゃん。だからいいのさフフン♪って感じですか。

 ていうかこうやって長くだらだら書いたり、しかも文章めっちゃくちゃになるのって、最近読んだ本によれば「ハイパーグラフィア」っていう症状とぴったり当てはまるんですよね~。
(▼とある作家さんがご紹介していて知ったんですが……やっぱりあの方もそうなのかしら?>ハイパーグラフィア)
書きたがる脳
 ……あーでも確かにそうかも~。
 書くことが楽しいんですよ、とにかく。
 読んでもらえるかどうかは結構二の次かも。
 まぁ読んでもらえればそれはそれで嬉しいし、感想いただけたりしたら舞い上がっちゃったり反面教師にしたりとさまざまなんですけどね。でもそうやって自分の文章が誰かに何かを及ぼした、って考えると、それもまた及ぼした結果の善し悪しに関わらず嬉しかったりする。
……私って結構お調子者なのかも?


 お、意外といいじゃん!
小文字と大文字をするタグを単語登録して使っているくらいには、WEB用にフォントサイズを使い分ける私ですが、それも結構見やすい範囲で収まってますな。
 アフィリ画像との相性もなかなかGood!
写真倉庫を殆ど使わない代わりにアフィリ画像貼りまくって絵の代わりとする私としては、この収まり具合のよさってかなりいい感じですよ、グッドですよ。

</div>  という閉じタグを挟み込んで敢えて切ってあります。まぁ閉じなくても問題はないのだけど、HTML的に作法がよろしくないので、一応切った方が無難かも。

 ああ、でもこれで、大分見た目がよくなりました。
styleタグが成功することもわかったし。
暇を見つけて今までのブログ全部直してやろ~っと。

(正直なところ、ブログ管理画面で設定できればそれにこした事はないと思っているんだけどなぁ。
 だって文字数28文字(閉じも入れれば+6文字)ほど食っちゃうし。
 でも対応待っているだけ多分無駄なので諦めますです、ハイ)



ちなみに私がWEB作成でバイブルにしているのはこの本▼。
尤も改訂版前の奴だけど。
詳解HTML & CSS & JavaScript辞典改訂版





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2006/04/05 11:34:36 AM
コメント(9) | コメントを書く


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: