HTML: The Living Standard

Edition for Web Developers — Last Updated 17 December 2024

1. 1. 2.4 URL
      1. 2.4.1 用語
      2. 2.4.2 CORS設定属性
      3. 2.4.3 リファラーポリシー属性
      4. 2.4.6 Nonce属性
      5. 2.4.5 遅延読み込み属性
      6. 2.4.6 ブロックキング属性
      7. 2.4.7 フェッチ優先属性

2.4 URL

2.4.1 用語

妥当なURL文字列であるが空文字列でない場合、文字列は妥当な空でないURLである。

先頭と末尾のASCII空白文字を取り除いたあとに妥当なURL文字列である場合、文字列は潜在的にスペースで囲まれた妥当なURLである。

先頭と末尾のASCII空白文字を取り除いたあとに、妥当な空でないURLである場合、文字列は潜在的にスペースで囲まれた妥当な空でないURLである。

この仕様は、たとえ解決不可能でも、XMLツールの互換性のために必要な場合、HTML文書のDOCTYPEで用いるためのabout: URL予約としてURL about:legacy-compatを定義する。[ABOUT]

この仕様は、たとえ解決不可能でも、メディアトラック類のための識別子として用いられるabout: URLを予約としてURL about:html-kindを定義する。[ABOUT]

この仕様は、たとえ解決不可能でも、iframe srcdoc文書のURLとして用いられるabout: URLを予約としてURL about:srcdocを定義する。[ABOUT]

Documentオブジェクトdocumentのフォールバック基底URLは、次の手順を実行して得られるURLレコードである：

1. If document is an iframe srcdoc document, then:

   1. Assert: document's about base URL is non-null.

   2. Return document's about base URL.

2. If document's URL matches about:blank and document's about base URL is non-null, then return document's about base URL.

3. documentのURLを返す。

Documentオブジェクトの文書基底URLは、次の手順を実行して得られるURLレコードである：

1. Documentにhref属性を持つbase要素が存在しない場合、Documentのフォールバック基底URLを返す。

2. そうでなければ、ツリー順で、href属性を持つDocumentで最初のbase要素の凍結基底URLを返す。

スキームが "about"、パスが単一の文字列"blank"、ユーザー名ならびにパスワードが空の文字列、およびホストがnullの場合、URLはabout:blankに一致する。

そのようなURLのクエリーおよびフラグメントは非nullにすることができる。たとえば、"about:blank?foo#bar"を解析して作成されたURLレコードはabout:blankと一致する。

URLは、そのスキームが"about"であり、そのパスが単一の文字列"srcdoc"を含み、そのクエリーがnullであり、そのユーザー名とパスワードが空の文字列であり、かつそのホストがnullである場合、about:srcdocよ一致する。

about:srcdocと一致する理由は、 URLのクエリーがnullであることを保証するためである。これは、URLがabout:blankと一致するDocumentとは異なり、 URLがnullでないクエリーを持つiframe srcdocdocumentを作成できないためである。つまり、 about:srcdocに一致するすべてのURLのセットは、 フラグメントでのみ異なる。

2.4.2 CORS設定属性

CORS設定属性は、次のキーワードと状態を持つ列挙属性である：

この属性の欠損値のデフォルトはNo CORS状態であり、不正値のデフォルトはAnonymous状態である。反映の目的のため、Anonymous状態の正規キーワードはanonymousキーワードである。

CORS設定属性によって管理されるフェッチの大部分は、潜在的なCORS要求アルゴリズムの作成によって行われる。

リクエストのモードが常に"cors"であるような、よりモダンな機能の場合、特定のCORS設定属性は、リクエストの資格情報モードにのみ影響する、わずかに異なる意味を持つように別の目的で利用されている。この変換を実行するために、属性の状態を切り替えることによって決定する、与えられたCORS設定属性のCORS設定属性の資格情報モードを定義する：

No CORS

Anonymous

"same-origin"

Use Credentials

"include"

2.4.3 リファラーポリシー属性

リファラーポリシー属性は、列挙属性である。空文字列を含む各リファラーポリシーは、同じ名前の状態にマッピングする、この属性のためのキーワードである。

この属性の不正値のデフォルトおよび欠損値のデフォルトは、両方とも空文字列状態である。

様々なフェッチの処理モデルにこの状態の影響は、Fetchで、およびReferrer Policyで、この仕様を通してより詳細に定義される。[FETCH] [REFERRERPOLICY]

2.4.4 Nonce属性

nonceコンテンツ属性は、与えられたフェッチが処理されてもよいどうかを判断するためにContent Security Policyで使用することができる暗号ノンス（"一度使用される数字"）を表す。値はテキストである。[CSP]

nonceコンテンツ属性を持つ要素は、コンテンツ属性から値を抽出し、その値を[[CryptographicNonce]]という名前の内部スロットに移動し、HTMLOrSVGElementインターフェイスミックスインを介してスクリプトに公開し、コンテンツ属性を空の文字列に設定することで、暗号nonceがスクリプト（かつCSS属性セレクターなどのサイドチャネルではない）にのみ公開されることを保証する。特に指定しない限り、スロットの値は空の文字列である。

element.nonce

要素の暗号ナンスに設定された値を返す。 セッターが使用されなかった場合、これはnonceコンテンツ属性で最初に見つかった値になる。

element.nonce = value

要素の暗号ナンス値を更新する。

取得時に、nonce IDL属性は、この要素の[[CryptographicNonce]]の値を返さなければならない。この要素の[[CryptographicNonce]]を指定された値に設定する。

nonce IDL属性のセッターが対応するcontent属性を更新しないことに注意されたい。これは、要素がブラウジングコンテキストに接続されたときに以下のnonceコンテンツ属性を空の文字列に設定するのと同様に、セレクターなどのコンテンツ属性をより簡単に読み取ることができるメカニズムによるnonce値の流出を防ぐことを意味する。この動作が導入されたissue #2369で詳細を確認されたい。

The following attribute change steps are used for the nonce content attribute:

1. If element does not include HTMLOrSVGElement, then return.

2. If localName is not nonce or namespace is not null, then return.

3. If value is null, then set element's [[CryptographicNonce]] to the empty string.

4. Otherwise, set element's [[CryptographicNonce]] to value.

Whenever an element including HTMLOrSVGElement becomes browsing-context connected, the user agent must execute the following steps on the element:

1. Let CSP list be element's shadow-including root's policy container's CSP list.

2. If CSP list contains a header-delivered Content Security Policy, and element has a nonce content attribute attr whose value is not the empty string, then:

   1. Let nonce be element's [[CryptographicNonce]].

   2. Set an attribute value for element using "nonce" and the empty string.

   3. Set element's [[CryptographicNonce]] to nonce.

   If element's [[CryptographicNonce]] were not restored it would be the empty string at this point.

The cloning steps for elements that include HTMLOrSVGElement given node, copy, and subtree are to set copy's [[CryptographicNonce]] to node's [[CryptographicNonce]].

2.4.5 遅延読み込み属性

遅延読み込み属性は、次のキーワードと状態を持つ列挙属性である：

この属性は、属性の現在の状態に応じて、すぐにリソースをフェッチする、または要素に関連付けられた条件が満たされるまでフェッチを延期するようユーザーエージェントに指示する。

属性の欠損値のデフォルトと不正値のデフォルトは両方ともEager状態である。

The will lazy load element steps, given an element element, are as follows:

1. If scripting is disabled for element, then return false.

   This is an anti-tracking measure, because if a user agent supported lazy loading when scripting is disabled, it would still be possible for a site to track a user's approximate scroll position throughout a session, by strategically placing images in a page's markup such that a server can track how many images are requested and when.

2. If element's lazy loading attribute is in the Lazy state, then return true.

3. falseを返す。

Each img and iframe element has associated lazy load resumption steps, initially null.

For img and iframe elements that will lazy load, these steps are run from the lazy load intersection observer's callback or when their lazy loading attribute is set to the Eager state. This causes the element to continue loading.

Each Document has a lazy load intersection observer, initially set to null but can be set to an IntersectionObserver instance.

To start intersection-observing a lazy loading element element, run these steps:

1. Let doc be element's node document.

2. If doc's lazy load intersection observer is null, set it to a new IntersectionObserver instance, initialized as follows:

   The intention is to use the original value of the IntersectionObserver constructor. However, we're forced to use the JavaScript-exposed constructor in this specification, until Intersection Observer exposes low-level hooks for use in specifications. See bug w3c/IntersectionObserver#464 which tracks this. [INTERSECTIONOBSERVER]

   • The callback is these steps, with arguments entries and observer:

     1. For each entry in entries using a method of iteration which does not trigger developer-modifiable array accessors or iteration hooks:

        1. Let resumptionSteps be null.

        2. If entry.isIntersecting is true, then set resumptionSteps to entry.target's lazy load resumption steps.

        3. If resumptionSteps is null, then return.

        4. Stop intersection-observing a lazy loading element for entry.target.

        5. Set entry.target's lazy load resumption steps to null.

        6. Invoke resumptionSteps.

        The intention is to use the original value of the isIntersecting and target getters. See w3c/IntersectionObserver#464. [INTERSECTIONOBSERVER]

   • The options is an IntersectionObserverInit dictionary with the following dictionary members: «[ "scrollMargin" → lazy load scroll margin ]»

     This allows for fetching the image during scrolling, when it does not yet — but is about to — intersect the viewport.

     The lazy load scroll margin suggestions imply dynamic changes to the value, but the IntersectionObserver API does not support changing the scroll margin. See issue w3c/IntersectionObserver#428.

3. Call doc's lazy load intersection observer's observe method with element as the argument.

   The intention is to use the original value of the observe method. See w3c/IntersectionObserver#464. [INTERSECTIONOBSERVER]

To stop intersection-observing a lazy loading element element, run these steps:

1. Let doc be element's node document.

2. Assert: doc's lazy load intersection observer is not null.

3. Call doc's lazy load intersection observer's unobserve method with element as the argument.

   The intention is to use the original value of the unobserve method. See w3c/IntersectionObserver#464. [INTERSECTIONOBSERVER]

The lazy load scroll margin is an implementation-defined value, but with the following suggestions to consider:

• Set a minimum value that most often results in the resources being loaded before they intersect the viewport under normal usage patterns for the given device.

• The typical scrolling speed: increase the value for devices with faster typical scrolling speeds.

• The current scrolling speed or momentum: the UA can attempt to predict where the scrolling will likely stop, and adjust the value accordingly.

• The network quality: increase the value for slow or high-latency connections.

• User preferences can influence the value.

It is important for privacy that the lazy load scroll margin not leak additional information. For example, the typical scrolling speed on the current device could be imprecise so as to not introduce a new fingerprinting vector.

2.4.6 ブロックキング属性

ブロッキング属性は、外部リソースのフェッチ時に特定の操作をブロックすべきであることを明示的に示す。ブロックされうる動作は、可能なブロックキングトークンで表され、次の表に記載される：

将来的には、より多くの可能なブロッキングトークンが存在するかもしれない。

ブロッキング属性は、一意なスペース区切りのトークンの順序付けられていないセットである値を持たなければならず、各トークンは、可能なブロッキングトークンである。ブロッキング属性でサポートされるトークンは、可能なブロッキングトークンである。すべて要素は、多くとも1つのブロッキング属性を持つことがある。

The blocking tokens set for an element el are the result of the following steps:

1. Let value be the value of el's blocking attribute, or the empty string if no such attribute exists.

2. Set value to value, converted to ASCII lowercase.

3. Let rawTokens be the result of splitting value on ASCII whitespace.

4. Return a set containing the elements of rawTokens that are possible blocking tokens.

An element is potentially render-blocking if its blocking tokens set contains "render", or if it is implicitly potentially render-blocking, which will be defined at the individual elements. By default, an element is not implicitly potentially render-blocking.

2.4.7 フェッチ優先属性

フェッチ優先属性は、次のキーワードと状態を持つ列挙属性である：

この属性の欠損値のデフォルトと不正値のデフォルトは両方ともauto状態である。