1. ホーム
  2. css

[解決済み】url()の値の引用は本当に必要なのでしょうか?

2022-04-02 06:07:46

質問

スタイルシートには、次のどれを使うべきでしょうか?

/* Example #1: */ background-image: url(image.png);
/* Example #2: */ background-image: url("image.png");
/* Example #3: */ background-image: url('image.png');

W3Cは何を 正しい方法 ?

解決方法は?

W3Cは引用符は任意であるとしており、あなたの3つの方法はすべて合法です。

開閉引用符は、同じ文字であればよい。

URLに特殊文字が含まれる場合は、引用符を使用するか、その文字をエスケープする必要があります(下記参照)。

構文と基本データ型

URI値の書式は、'url('の後に任意の空白文字、その後に任意の一重引用符(')または二重引用符(")文字、その後にURI自身、任意の一重引用符(')または二重引用符(")文字、さらに任意の空白文字の後に')'である。2つの引用符は同じでなければなりません。

特殊文字のエスケープ。

<ブロッククオート

引用符で囲まれていないURIに含まれる一部の文字(括弧、空白文字、一重引用符(')、二重引用符("))は、結果のURI値がURIトークンであるようにバックスラッシュで脱出させる必要があります: '\(', '\)'.