Recent Entries

スポンサーサイト

[スポンサード リンク]


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2ブログの画像挿入でwidthとheightが付くようになったよ。

[スポンサード リンク]


FC2ブログで記事内に画像を挿入する時のimg要素にwidht(幅)とheight(高さ)が追加されるようになりましたね。私は特に投稿設定などは弄ってないのでFC2ブログの仕様が変わったんですよね?
というよりも私の知る限りでは挿入する画像にこのような設定するところも無いです。

img要素のwidth属性とheight属性

何のこっちゃわからないと困るので一応例を書いてみます。
[ファイル挿入]ボタンで画像を挿入すると以下のようなタグが記事欄に記述されます。

<a href="http://blog-imgs-24.fc2.com/m/i/r/miracleblues/mangrove-world.png" target="_blank">
<img src="http://blog-imgs-24.fc2.com/m/i/r/miracleblues/mangrove-world.png" alt="mangrove-world.png" border="0" width="550" height="302" /></a>

画像がaタグでリンクされているのは、私が自分で行っている設定です。
[各種設定]-[投稿設定]-[画像のリンク]-[画像を記事に挿入する際に「元画像にリンクさせて」挿入]。
※slimboxで画像演出する際に使うのです。

また、border="0"は画像の枠を消す為の属性です。
まぁこれは付けてくれて全然構わないんだけど。大助かりな方もたくさんいそうだし。

コードに「width="550" height="302"」という部分があると思います。
これが今回新たに追加されたimg要素のwidth、height属性です。
画像のサイズを明示的に書いてます。別に無くても画像はちゃんと表示されます。
※かなり古いブラウザでは表示されない事があった・・・。

私はいつもこのタグはつけません。
キャプチャした画像のサイズを確認するのが面倒な為・・・。
大体は横幅のみ把握しているという感じです(;´Д`)
(少し小さめの画像にする時もwidthのみ指定します。)

widthやheightを付けるメリットある?

まぁ別にあっても無くても良いのですが、何故にして今頃追加したのでしょう?
古いブラウザへの配慮でしょうか。今更な感じがしますねぇ。
HTML4.01やXHTML1.0のtransitional(うち)、strictも、このwidthやheightに関しては任意だそうですよ。

メリット
画像スペースを確保する為レンダリングがスムースになる事。
でも、これって体感できるレベルの事なんでしょうか。よくわかりませんねぇ。

デメリット
記述が面倒なところやサイズ違いの画像を差し替える際にwidthやheightを書きなおさなきゃならないなど。今回のFC2ブログの件に関して言えば、記述が面倒だという点はクリアしてますが・・・。

画像にwidthやheightを指定するならやっぱCSSかっ!
と一瞬思ったりもしますが、個別に指定したのではCSSがえらいこっちゃですね。
さぁどうしたものか。とりあえず付けたまんまで行きますか!
どうせなら付けたり外したり出来るという選択肢がほしいなぁ。

Comments

Comment Form