2016-04-28 10 views
1

私は私のローカルPC上のHTML内の2つの画像の記述があります。HTML:明示的に指定したURL doesn't仕事

  1. <IMG src="url('myimage.png')"></IMG> <!-- this I call "explicit" -->

  2. <IMG src='myimage.png'></IMG> <BR>

どちらのMozilla、もIEは最初の画像を表示します。当然、私はアポストロフィを交換したり、アポストロフィなどを省略しようとしました... ブラウザは 'url'キーワードで記述された画像を見かけないのはなぜですか?

+1

'src'属性のurlキーワードのようなものはありません。 CSSのバックグラウンドプロパティにはurlキーワードがありますが、それは異なっています。 –

+0

第2の例では、第1の例を忘れています.htmlファイルと同じフォルダに 'myimage.png'がありますか? –

+0

@PedroLobito私は彼が2番目のものは動作していると思いますが、1番目のものは動作しません。 –

答えて

2

イメージは、相対URLまたは絶対URLを使用してのみ指定できます。 urlキーワードは、イメージの場所を表すためにCSSで使用されます。

imgsrc属性の詳細については、http://www.w3schools.com/tags/att_img_src.aspを参照してください。

+0

Rickさん、PedroLobitoさん、ありがとうございます... URLの使用を試みる目的はちょっと複雑ですが、今のところ私のことは明らかです:キーワードURLはCSS専用です。 –

1

いくつかの作業例:

相対URL HTMLが同じディレクトリ上でのファイルの場合は、のみ使用することができます。

<IMG src="myimage.png"></IMG> 

相対URL#2、唯一可能myimage.pngがdirにある場合imageshtmlファイルと同じディレクトリ

<IMG src="images/myimage.png"></IMG> 
絶対URL

- どこでもから使用することができます

<IMG src="http://something.com/images/myimage.png"></IMG> 

上記と同様に、ウェブサイトを含めずに、はドメインsomething.com

<IMG src="/images/myimage.png"></IMG> 
の内部で使用する必要があります