電子書籍の厳選無料作品が豊富!

こんにちは。
MovableTypeを使いホームページを構築されている方に質問します。
ヘッダーやメニュー部分など、各アーカイブで共通する部分に挿入したい画像があるとします。
その画像を表示するHTMLコードはどのように書くのが正しい・・・または使い勝手が良いのでしょうか?

▼例A
<img src="<MTBlogURL>images/a.jpg" />
http://~の絶対URLによる表示

▼例B
<img src="<MTBlogRelativeURL>images/a.jpg" />
ホストからの相対URL


私は今まで当たり前のように例Aのように絶対パスによる画像指定を行ってきましたが、最近その方法に対し疑問を投げかける記事を読みました。
そこで、他の方の意見をお聞きしたいと思います。
現在、どのような指定方法で画像を表示しているのか、
その方法を取った理由と良い点・悪い点などがありましたら、教えていただけますでしょうか。

よろしくお願いします。

A 回答 (3件)

こんにちは。


私もMT設置時に悩みました。
そこで、マネしようと(笑)思い、他のMTを使用したサイトを色々見てみました。
Web標準推進で有名なWebプロデューサー、益子氏のサイト
http://www.cybergarden.net/blog/
を見てみたところ、当初???と思うような指定をしていました。

<ul>
<li><a href="/">home</a></li>
<li><a href="/creating/">creating</a></li>
<li><a href="/references/">references</a></li>
<li><a href="/selected/">selected</a></li>
<li><a href="/forum/">forum</a></li>
</ul>

このように、指定がスラッシュで始まっています。
相対パスで同階層を指定するには
./hogehoge
ですが、サーバーの設定により、ドットが無くスラッシュで始まる場合はドメイン直下を指定できるようです。
私が契約しているレンタルサーバーもこの方法が可能でしたので、
ヘッダーなど共通部分の画像のパスやグローバルナビのリンク指定は
このやり方を採用しています。

絶対パスを指定するのは決して間違いではなく、何か不利なことが起きるわけでもないと思うのですが、
個人的にはなんかヤダなぁ~、というそれくらいの考えでした(笑。

上の方法だと、僅かながらファイルサイズの節約になりますし、管理は若干ながら楽になるかと思います。

ご参考まで。。。
    • good
    • 0
この回答へのお礼

こんにちは。
お忙しい中、ご回答ありがとうございました。
私も質問後、有名MTサイトの指定方法を調べてみました。
私が調べたのは、【相鉄スタイル】さんです。
ソースを見ると、どうやらご回答と同じくスラッシュで始まる相対URLによる指定のようでした。
シックスアパートに直接メールで質問してみましたが、非常に曖昧な回答で、どちらを推奨するかという明確なものではなく、
結局、私も相対URLによる指定を行うことにしました。

あまり回答の得られない質問だったので、
何かオカシイ事でも聞いてしまったのだろうかと心配になっていました。
ご回答いただき、本当にありがとうございました。
非常に参考になりました。

お礼日時:2007/06/25 11:06

すみません。

ANo.2の訂正です。
ANo.2の場合も"絶対パス"ですね。。
お詫びして訂正いたします。
    • good
    • 0
この回答へのお礼

訂正・ご回答いただきありがとうございます。
参考になりました。

お礼日時:2007/06/25 11:14

テンプレート内で画像指定してないので経験者ではないのですが、きっと私も例Aで指定してしまうと思います。


SEO的にも相対パスと絶対パスで何か違いがあるようではなさそうですし、記事本文は絶対URLで画像指定ですし…。
そのままソースをコピペすると、まるっと楽々ミラーサイトはできてしまうなあ、とかそんなものしか思い浮かびません。何か問題あるんでしょうか…
参考になりそうもない回答ですみません(^^;
    • good
    • 0
この回答へのお礼

こんにちは。
ご回答ありがとうございました。
とても参考になりました。
他の方の回答がないところをみると、私の質問は愚問だったのか、
それとも判断の難しい問題だったのか・・・ますます悩んでしまいそうです。
Movable Typeの配布元サポートも利用してみたいと思います。

お礼日時:2007/06/12 13:18

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!