3

私のタイトルによると、正しい方法は何ですか? これらの両方がWebサイトに表示されるのを見ました：

<img alt="My image" height="60" src="http://www.website.com/images/myimage.png" width="80">

と

<img src="images/myimage.png" width="60" height="80" alt="my image"/>

タイプ別の良さは？1 番目のものは、2 番目のものと比較して画像の読み込みを高速化するのに役立ちますか?

ありがとう。

4

6 に答える 6

9

2 番目の例は相対 URL です。一般に、URL などをハードコーディングしない方が、スケーラビリティーが向上します。

于 2012-06-23T13:20:18.907 に答える
2

唯一の違いは、画像が同じドメインにない場合、完全な URL を使用する必要があることです。速度に違いはありません。

相対 URL を使用している場合、HTML ファイルを別の場所に移動すると画像が壊れます。完全な URL がある場合、Web サイトを別のドメインに移動すると画像が壊れます。

于 2012-06-23T13:21:11.277 に答える
1

私は2番目のオプションを好みます。リンクは、html ファイルが配置されているパスに対する相対パスです。サイトを別のサブディレクトリなどにコピーする場合、最初のオプションを選択したときに必要な HTML コードを更新する必要はありません。イメージが別のドメインにある場合は、最初のオプションが適しています。

于 2012-06-23T13:22:03.187 に答える
1

ベスト プラクティスに従っている場合は、開発、テスト、QA、運用前、および運用など、複数の環境を用意する必要があります。この理由だけでも、URL は相対的でなければなりません。すべての開発とテストを本番環境で行う場合、これはビジネスを行う上で悪い方法です。

于 2012-06-23T13:28:29.963 に答える
0

相対 URL を使用する方が確実に優れています。コードの構造で何かを変更すると、画像へのすべての参照も変更する必要があるためです。

相対パスを使用すると、何も変更する必要はありません。

于 2012-06-23T13:23:20.697 に答える