HTML — 画像, 他

`img$e 要素 %img の `画像~dataを更新する@ ときは、 所与の ⇒＃ %~animationを開始し直すか ~IN { `~animationを開始し直す^i, ε }（ 省略時は ε ）, %場合によっては~eventを省略し得るか ~IN { `場合によっては~eventを省略し得る^i, ε }（ 省略時は ε ） ◎終 に対し，次の手続きを走らすモノトスル： ◎ When the user agent is to update the image data of an img element, optionally with the restart animations flag set, optionally with the maybe omit events flag set, it must run the following steps:

1. ~IF［ %img の`~node文書$は`全部的に作動中$でない ］： ◎ If the element's node document is not fully active, then:

   1. この~algoを`並列的$に走らすよう継続する ◎ Continue running this algorithm in parallel.
   2. %img の`~node文書$が`全部的に作動中$になるまで待機する ◎ Wait until the element's node document is fully active.
   3. ~IF［ %img に対し この~algoの別の~instanceが，この~instanceより後に開始されていた（それが早々に ~RET して，もはや走ってない場合でも） ］ ⇒ ~RET ◎ If another instance of this algorithm for this img element was started after this instance (even if it aborted and is no longer running), then return.
   4. `小taskを~queueする$( この~algoの以降を継続する手続き ) 【したがって，ここで ~RET するであろう。】 ◎ Queue a microtask to continue this algorithm.

2. ~IF［ ~UAは画像を~supportできない ］~OR［ 画像の~supportは不能化されている ］： ◎ If the user agent cannot support images, or its support for images has been disabled, then＼

   1. `画像~要請を中止する$( %img の`現在の要請$ ) ◎ abort the image request for the current request and＼
   2. `画像~要請を中止する$( %img の`処理待ち要請$ ) ◎ the pending request,＼
   3. %img の`現在の要請$の`状態$ ~SET `不可用$st ◎ set current request's state to unavailable,＼
   4. %img の`処理待ち要請$ ~SET ~NULL ◎ set pending request to null,＼
   5. ~RET ◎ and return.
3. %以前の~URL【！previous URL】 ~LET `現在の要請$の`現在の~URL$ ◎ Let previous URL be the current request's current URL.
4. ( %選定された~source, %選定された画素~密度 ) ~LET ( ε, ε ) ◎ Let selected source be null and selected pixel density be undefined.
5. ~IF［ %img は`~srcsetまたは~pictureを利用して$いない ］~AND［ %img は `src$a 属性 %src を有する ］~AND［ %src の値 ~NEQ 空~文字列 ］ ⇒ ( %選定された~source, %選定された画素~密度 ) ~SET ( %src の値, 1.0 ) ◎ If the element does not use srcset or picture and it has a src attribute specified whose value is not the empty string, then set selected source to the value of the element's src attribute and set selected pixel density to 1.0.
6. %img の`最後に選定された~source$ ~SET %選定された~source ◎ Set the element's last selected source to selected source.

7. `(A)^i：
   ~IF［ %選定された~source ~NEQ ε ］： ◎ If selected source is not null, then:

   1. %文書 ~LET %img の`~node文書$ ◎ ↓
   2. %~URL~record ~LET `~URLを符号化法の下で相対的に構文解析する$( %選定された~source, %文書 ) 【！#encoding-parsing-and-serializing-a-url】 ◎ Let urlString be the result of encoding-parsing-and-serializing a URL given selected source, relative to the element's node document.
   3. ~IF［ %~URL~record ~EQ `失敗^i ］ ⇒ ~BREAK `(A)^i ◎ If urlString is failure, then abort this inner set of steps.

   4. %~key ~LET 次に挙げる成分からなる~key：

      1. `~URLを直列化する$( %~URL~record )
      2. %img の `crossorigin$a 内容~属性の状態
      3. %~CORS属性~状態 ~NEQ `~CORSなし$st ならば %文書 の`生成元$doc ／ ~ELSE_ ε
      ◎ Let key be a tuple consisting of urlString, the img element's crossorigin attribute's mode, and, if that mode is not No CORS, the node document's origin.

   5. ~IF［ %文書 の`可用な画像~list$内に， %~key に対応する~entry %~entry は在る ］： ◎ If the list of available images contains an entry for key, then:

      1. %~entry の`上層~cachingは無視するか$ ~SET ~T ◎ Set the ignore higher-layer caching flag for that entry.
      2. `画像~要請を中止する$( %img の`現在の要請$ ) ◎ Abort the image request for the current request and＼
      3. `画像~要請を中止する$( %img の`処理待ち要請$ ) ◎ the pending request.
      4. %img の`処理待ち要請$ ~SET ~NULL ◎ Set pending request to null.
      5. %img の`現在の要請$ ~LET 次のようにされた新たな`画像~要請$ ⇒＃ `画像~data$ ~SET %~entry の`画像~data$； `状態$ ~SET `完全に可用$st ◎ Let current request be a new image request whose image data is that of the entry and whose state is completely available.
      6. `画像を呈示~用に準備する$( %img ) ◎ Prepare current request for presentation given img.
      7. 【！ 現在の要請の】 %img の`現在の画素~密度$ ~SET %選定された~画素~密度 ◎ Set current request's current pixel density to selected pixel density.

      8. `要素~taskを~queueする$( `~DOM操作~task~source$, %img, 次の手続き ) ◎ Queue an element task on the DOM manipulation task source given the img element and＼

         手続きは： ◎ the following steps:

         1. ~IF［ %~animationを開始し直すか ~NEQ ε ］ ⇒ `~animationを開始し直す$( %img ) ◎ If restart animation is set, then restart the animation.
         2. %img の`現在の要請$の`現在の~URL$ ~SET %~URL文字列 ◎ Set current request's current URL to urlString.
         3. ~IF［ %場合によっては~eventを省略し得るか ~EQ ε ］~OR［ %以前の~URL ~NEQ %~URL文字列 ］ ⇒ `~eventを発火する$( %img, `load$et ) ◎ If maybe omit events is not set or previousURL is not equal to urlString, then fire an event named load at the img element.
      9. ~RET ◎ Abort the update the image data algorithm.
8. `小taskを~queueする$( この~algoの以降を遂行する手続き ) 【したがって，ここで ~RET するであろう。】 （この~algoを呼出した`~task$を継続できるようにするため） ◎ Queue a microtask to perform the rest of this algorithm, allowing the task that invoked this algorithm to continue.

9. ~IF［ %img に対するこの~algoの別の~instanceが，この~instanceより後に開始されていた（それが早々に ~RET して，もはや走ってない場合でも） ］ ⇒ ~RET ◎ If another instance of this algorithm for this img element was started after this instance (even if it aborted and is no longer running), then return.

   注記： 複数の要請を避けるため、 効果があるのは，最後の~instanceに限られる — 例えば［ `src$a, `srcset$a, `crossorigin$a ］属性が続けて設定されたときでも。 ◎ Only the last instance takes effect, to avoid multiple requests when, for example, the src, srcset, and crossorigin attributes are all set in succession.

10. %現~要請 ~LET %img の`現在の要請$ ◎ ↓
11. ( %選定された~source, %選定された画素~密度 ) ~LET `画像~sourceを選定する$( %img ) ◎ Let selected source and selected pixel density be the URL and pixel density that results from selecting an image source, respectively.

12. ~IF［ %選定された~source ~EQ ε ］： ◎ If selected source is null, then:

    1. %現~要請 の`状態$ ~SET `壊en$st ◎ Set the current request's state to broken,＼
    2. `画像~要請を中止する$( %現~要請 ) ◎ abort the image request for the current request and＼
    3. `画像~要請を中止する$( %img の`処理待ち要請$ ) ◎ the pending request,＼
    4. %img の`処理待ち要請$ ~SET ~NULL ◎ and set pending request to null.

    5. `要素~taskを~queueする$( `~DOM操作~task~source$, %img, 次の手続き ) ◎ Queue an element task on the DOM manipulation task source given the img element and＼

       手続きは： ◎ the following steps:

       1. %現~要請 の`現在の~URL$ ~SET 空~文字列 ◎ Change the current request's current URL to the empty string.

       2. ~IF［ ~AND↓ ］… ◎ If all of the following are true:

          • ［ %img は `src$a 属性を有する ］~OR［ %img は`~srcsetまたは~pictureを利用して$いる ］ ◎ the element has a src attribute or it uses srcset or picture; and
          • ［ %場合によっては~eventを省略し得るか ~EQ ε ］~OR［ %以前の~URL ~NEQ 空~文字列 ］ ◎ maybe omit events is not set or previousURL is not the empty string,

          …ならば ⇒ `~eventを発火する$( %img, `error$et ) ◎ then fire an event named error at the img element.

    6. ~RET ◎ Return.
13. %文書 ~LET %img の`~node文書$ ◎ ↓
14. %~URL~record ~LET `~URLを符号化法の下で相対的に構文解析する$( %選定された~source, %文書 ) 【！#encoding-parsing-and-serializing-a-url】 ◎ Let urlString be the result of encoding-parsing-and-serializing a URL given selected source, relative to the element's node document.

15. ~IF［ %~URL~record ~EQ `失敗^i ］： ◎ If urlString is failure, then:

    1. `画像~要請を中止する$( %現~要請 ) ◎ Abort the image request for the current request and＼
    2. `画像~要請を中止する$( %img の`処理待ち要請$ ) ◎ the pending request.
    3. %現~要請 の`状態$ ~SET `壊en$st ◎ Set the current request's state to broken.
    4. %img の`処理待ち要請$ ~SET ~NULL ◎ Set pending request to null.

    5. `要素~taskを~queueする$( `~DOM操作~task~source$, %img, 次の手続き ) ◎ Queue an element task on the DOM manipulation task source given the img element and＼

       手続きは： ◎ the following steps:

       1. %現~要請 の`現在の~URL$ ~SET %選定された~source ◎ Change the current request's current URL to selected source.
       2. ~IF［ %場合によっては~eventを省略し得るか ~EQ ε ］~OR［ %以前の~URL ~NEQ %選定された~source ］ ⇒ `~eventを発火する$( %img, `error$et ) ◎ If maybe omit events is not set or previousURL is not equal to selected source, then fire an event named error at the img element.
    6. ~RET ◎ Return.
16. %~URL文字列 ~LET `~URLを直列化する$( %~URL~record ) ◎ ↑↑
17. %処理待ち要請 ~LET %img の`処理待ち要請$ ◎ ↓
18. ~IF［ %処理待ち要請 ~NEQ ~NULL ］~AND［ %~URL文字列 ~EQ %処理待ち要請 の`現在の~URL$ ］ ⇒ ~RET ◎ If the pending request is not null and urlString is the same as the pending request's current URL, then return.

19. ~IF［ %~URL文字列 ~EQ %現~要請 の`現在の~URL$ ］~AND［ %現~要請 の`状態$ ~EQ `部分的に可用$st ］： ◎ If urlString is the same as the current request's current URL and current request's state is partially available, then＼

    1. `画像~要請を中止する$( %処理待ち要請 ) ◎ abort the image request for the pending request,＼

    2. ~IF［ %~animationを開始し直すか ~NEQ ε ］ ⇒ `要素~taskを~queueする$( `~DOM操作~task~source$, %img, 次の手続き )

       手続きは ⇒ `~animationを開始し直す$( %img )
       ◎ queue an element task on the DOM manipulation task source given the img element to restart the animation if restart animation is set,＼
    3. ~RET ◎ and return.
20. `画像~要請を中止する$( %処理待ち要請 ) ◎ Abort the image request for the pending request.
21. %画像~要請 ~LET 新たな`画像~要請$ ◎ Set image request to a new image request＼
22. %画像~要請 の`現在の~URL$ ~SET %~URL文字列 ◎ whose current URL is urlString.
23. ~IF［ %現~要請 の`状態$ ~IN { `不可用$st, `壊en$st } ］ ⇒ %img の`現在の要請$ ~SET %画像~要請 ◎ If current request's state is unavailable or broken, then set the current request to image request.＼
24. ~ELSE ⇒ %img の`処理待ち要請$ ~SET %画像~要請 ◎ Otherwise, set the pending request to image request.
25. %要請 ~LET `~CORSになり得る要請を作成する$( %~URL~record, `image^l, %img の`crossorigin$a 内容~属性の現在の状態 ) ◎ Let request be the result of creating a potential-CORS request given urlString, "image", and the current state of the element's crossorigin content attribute.
26. %要請 の`~client$rq ~SET %文書 に`関連な設定群~obj$ ◎ Set request's client to the element's node document's relevant settings object.
27. ~IF［ %img は`~srcsetまたは~pictureを利用して$いる ］ ⇒ %要請 の`起動元$rq ~SET `imageset^l ◎ If the element uses srcset or picture, set request's initiator to "imageset".
28. %要請 の ⇒＃ `~referrer施策$rq ~SET %img の `referrerpolicy$a 属性の現在の状態, `優先度$rq ~SET %img の `fetchpriority$a 属性の現在の状態 ◎ Set request's referrer policy to the current state of the element's referrerpolicy attribute. ◎ Set request's priority to the current state of the element's fetchpriority attribute.
29. %~load~eventを遅延するか ~LET ~IS［ %img の`~lazy読込ng属性$の状態 ~EQ `Eager$st ］~OR［ %img 用の`~scriptingは不能化されて$いる ］ ◎ Let delay load event be true if the img's lazy loading attribute is in the Eager state, or if scripting is disabled for the img, and false otherwise.

30. ~IF［ `~lazyに読込むことになる$( %img ) ~EQ ~T ］： ◎ If the will lazy load element steps given the img return true, then:

    1. %img の`~lazy読込n再開~手続き$ ~SET この~algoの `画像を~fetchする^i 段~以降を走らす手続き ◎ Set the img's lazy load resumption steps to the rest of this algorithm starting with the step labeled fetch the image.
    2. `~lazyに読込んでいる要素の交差~観測を開始する$( %img ) ◎ Start intersection-observing a lazy loading element for the img element.
    3. ~RET ◎ Return.

31. `画像を~fetchする^i： ◎ Fetch the image:＼

    1. %要請 を`~fetch$する ◎ Fetch request.＼
    2. ~RET — ただし，以降の手続きは、［ ~fetchした結果の`応答$ %応答 に対する`応答の処理n$i ］の一部として走らす ◎ Return from this algorithm, and run the remaining steps as part of the fetch's processResponse for the response response.
    • このようにして得した資源があれば、 それが %画像~要請 の`画像~data$になる。 それは、 `~CORS同一-生成元$にも`~CORS非同一-生成元$にもなり得る — どちらになるかに応じて，当の画像と他の~APIとのヤリトリに影響する （例： `canvas$e 上で利用されるとき）。 ◎ The resource obtained in this fashion, if any, is image request's image data. It can be either CORS-same-origin or CORS-cross-origin; this affects the image's interaction with other APIs (e.g., when used on a canvas).

    • ［ %~load~eventを遅延するか ~EQ ~T ］のときは ⇒ 画像の~fetchingは、 資源が~fetchされ，`~network用~task~source$から`~queueされ$た`~task$が走るまで （`下に定義される＠#img-load$）， %文書 の`~load~eventを遅延する$モノトスル ◎ When delay load event is true, fetching the image must delay the load event of the element's node document until the task that is queued by the networking task source once the resource has been fetched (defined below) has been run.

      あいにくこれは、［ 利用者の局所~networkに対する原始的な~port-scan ］を遂行するためにも利用され得る （とりわけ，~scriptingとの併用で — 実際には、 ~scriptingは，そのような攻撃を遂げるために必要yでないが）。 ~UAは、 この攻撃を軽減するため，［ 上に述べたものより厳密な`生成元$~access制御~施策 ］を実装してもヨイが、 あいにく そのような施策は，概して既存の~web内容と互換にならない。 ◎ This, unfortunately, can be used to perform a rudimentary port scan of the user's local network (especially in conjunction with scripting, though scripting isn't actually necessary to carry out such an attack). User agents may implement cross-origin access control policies that are stricter than those described above to mitigate this attack, but unfortunately such policies are typically not compatible with existing web content.

32. 【~fetchingによる~dataが得られるに伴い，】 アリな限り早く、［ 以下に挙げる各項のうち，最初に適用-可能なもの ］に対応する段を走らす： ◎ As soon as possible, jump to the first applicable entry from the following list:

    この段における `画像~fetch~task@ とは、 画像が~fetchされている間に`~network用~task~source$から`~queueされ$ることになる，各`~task$を指すとする。 ◎ ↓

    資源の~MIME型 ~EQ `multipart/x-mixed-replace$mt ： ◎ If the resource type is multipart/x-mixed-replace

    最初の【！the next】`画像~fetch~task$は、 次の手続きを走らすモノトスル： ◎ The next task that is queued by the networking task source while the image is being fetched must run the following steps:

    1. %状態 ~LET ~UAは %画像~要請 の画像の寸法を［ 決定できたならば `部分的に可用$st ／ 何らかの致命的な仕方で得れないまでに破損していると決定できたならば `壊en$st ］ ◎ ↓

    2. ~IF［ %画像~要請 ~EQ %img の`処理待ち要請$ ］：

       1. ~Assert†： ［ 完全に復号された本体部位が少なくとも 1 個以上ある ］~OR［ %状態 ~EQ `壊en$st ］
       2. `画像~要請を中止する$( %img の`現在の要請$ )
       3. %img の`処理待ち要請を現在の要請に昇格する$
       4. ~IF［ 完全に復号された本体部位はまだない ］~AND［ %状態 ~EQ `壊en$st ］ ⇒ %画像~要請 の`状態$ ~SET `壊en$st

       【† この ~Assert は訳者による補完。 原文では，この ~Assert が満たされない場合の挙動が記されておらず、 満たされない場合，処理待ち要請が現在の要請に昇格する機会cが来なくなってしまうので。 】

       ◎ If image request is the pending request and at least one body part has been completely decoded, abort the image request for the current request, and upgrade the pending request to the current request. ◎ Otherwise, if image request is the pending request and the user agent is able to determine that image request's image is corrupted in some fatal way such that the image dimensions cannot be obtained, abort the image request for the current request, upgrade the pending request to the current request, and set the current request's state to broken.
    3. ~ELIF［ %画像~要請 ~EQ %img の`現在の要請$ ］~AND［ %画像~要請 の`状態$ ~EQ `不可用$st ］ ⇒ %画像~要請 の`状態$ ~SET %状態 ◎ Otherwise, if image request is the current request, its state is unavailable, and the user agent is able to determine image request's image's width and height, set the current request's state to partially available. ◎ Otherwise, if image request is the current request, its state is unavailable, and the user agent is able to determine that image request's image is corrupted in some fatal way such that the image dimensions cannot be obtained, set the current request's state to broken.

    【 %img の`現在の要請$用の】 各`画像~fetch~task$は，画像の呈示を更新するモノトスルが、 新たな本体部位が来る度に，~UAは次に従うモノトスル： ◎ Each task that is queued by the networking task source while the image is being fetched must update the presentation of the image, but as each new body part comes in,＼

    • ~IF［ ~UAは画像の寸法を決定できた ］：

      1. `画像を呈示~用に準備する$( %img )
      2. 以前の画像を置換する
      ◎ if the user agent is able to determine the image's width and height, it must prepare the img element's current request for presentation given the img element and replace the previous image.＼

    • ある本体部位が完全に復号された時点で，次の手続きを遂行する： ◎ Once one body part has been completely decoded, perform the following steps:

      1. %img の`現在の要請$の`状態$ ~SET `完全に可用$st ◎ Set the img element's current request's state to completely available.

      2. ~IF［ %場合によっては~eventを省略し得るか ~EQ ε ］~OR［ %以前の~URL ~NEQ %~URL文字列 ］ ⇒ `要素~taskを~queueする$( `~DOM操作~task~source$, %img, 次の手続き )

         手続きは ⇒ `~eventを発火する$( %img, `load$et )
         ◎ If maybe omit events is not set or previousURL is not equal to urlString, then queue an element task on the DOM manipulation task source given the img element to fire an event named load at the img element.

    資源の~MIME型と~dataは、 `下に述べるとおり＠#img-determine-type$，~supportする画像~形式に対応する： ◎ If the resource type and data corresponds to a supported image format, as described below

    最初の【！the next】`画像~fetch~task$は、 次の手続きを走らすモノトスル： ◎ The next task that is queued by the networking task source while the image is being fetched must run the following steps:

    1. ~IF［ ~UAは %画像~要請 の画像の寸法を決定できた ］：

       1. ~IF［ %画像~要請 ~EQ %img の`現在の要請$ ］ ⇒ `画像を呈示~用に準備する$( %img )
       2. %画像~要請 の`状態$ ~SET `部分的に可用$st
       ◎ If the user agent is able to determine image request's image's width and height, and image request is pending request, set image request's state to partially available. ◎ Otherwise, if the user agent is able to determine image request's image's width and height, and image request is current request, prepare image request for presentation given the img element and set image request's state to partially available.

    2. ~ELSE（画像は［ 何らかの致命的な仕方で破損している ］と決定できた）：

       1. `画像~要請を中止する$( %img の`現在の要請$ )

       2. ~IF［ %画像~要請 ~EQ %img の`処理待ち要請$ ］：

          1. `画像~要請を中止する$( %img の`処理待ち要請$ )
          2. %img の`処理待ち要請を現在の要請に昇格する$
          3. %img の`現在の要請$の`状態$ ~SET `壊en$st
          4. `~eventを発火する$( %img, `error$et )
       3. ~ELIF［ %場合によっては~eventを省略し得るか ~EQ ε ］~OR［ %以前の~URL ~NEQ %~URL文字列 ］ ⇒ `~eventを発火する$( %img, `error$et )
       ◎ Otherwise, if the user agent is able to determine that image request's image is corrupted in some fatal way such that the image dimensions cannot be obtained, and image request is pending request: • Abort the image request for the current request and the pending request. • Upgrade the pending request to the current request. • Set current request's state to broken. • Fire an event named error at the img element. ◎ Otherwise, if the user agent is able to determine that image request's image is corrupted in some fatal way such that the image dimensions cannot be obtained, and image request is current request: • Abort the image request for image request. • If maybe omit events is not set or previousURL is not equal to urlString, then fire an event named error at the img element.

    各`画像~fetch~task$（最初のそれも含む）は、 次の手続きを走らすモノトスル：

    1. ~IF［ %画像~要請 ~EQ %img の`現在の要請$ ］ ⇒ 画像の呈示を更新する （例えば，画像が~progressive~JPEGの場合、 各~packetは，その画像の解像度を向上させ得る）

    ◎ That task, and each subsequent task, that is queued by the networking task source while the image is being fetched, if image request is the current request, must update the presentation of the image appropriately (e.g., if the image is a progressive JPEG, each packet can improve the resolution of the image).

    加えて、 資源を~fetchし終えたときの最後の`画像~fetch~task$は， 次の手続きを走らすモノトスル： ◎ Furthermore, the last task that is queued by the networking task source once the resource has been fetched must additionally run these steps:

    1. ~IF［ %画像~要請 ~EQ %img の`処理待ち要請$ ］： ◎ If image request is the pending request,＼

       1. `画像~要請を中止する$( %img の`現在の要請$ ) ◎ abort the image request for the current request,＼
       2. %img の`処理待ち要請を現在の要請に昇格する$ ◎ upgrade the pending request to the current request and＼
       3. `画像を呈示~用に準備する$( %img ) ◎ prepare image request for presentation given the img element.
    2. %画像~要請 の`状態$ ~SET `完全に可用$st ◎ Set image request to the completely available state.
    3. %文書 の`可用な画像~list$に，画像を追加する — この画像は ⇒ ~key %~key で識別され, `上層~cachingは無視するか$は ~T にするとする ◎ Add the image to the list of available images using the key key, with the ignore higher-layer caching flag set.
    4. ~IF［ %場合によっては~eventを省略し得るか ~EQ ε ］~OR［ %以前の~URL ~NEQ %~URL文字列 ］ ⇒ `~eventを発火する$( %img, `load$et ) ◎ If maybe omit events is not set or previousURL is not equal to urlString, then fire an event named load at the img element.

    その他（ 画像~dataは~supportされる~file形式でない ）： ◎ Otherwise ◎ The image data is not in a supported file format; the user agent must＼

    1. %画像~要請 の`状態$ ~SET `壊en$st ◎ set image request's state to broken,＼
    2. `画像~要請を中止する$( %img の`現在の要請$ ) ◎ abort the image request for the current request＼
    3. `画像~要請を中止する$( %img の`処理待ち要請$ ) ◎ and the pending request,＼
    4. ~IF［ %画像~要請 ~EQ %img の`処理待ち要請$ ］ ⇒ %img の`処理待ち要請を現在の要請に昇格する$ ◎ upgrade the pending request to the current request if image request is the pending request, and then＼

    5. ~IF［ %場合によっては~eventを省略し得るか ~EQ ε ］~OR［ %以前の~URL ~NEQ %~URL文字列 ］ ⇒ `要素~taskを~queueする$( `~DOM操作~task~source$, %img, 次の手続き )

       手続きは ⇒ `~eventを発火する$( %img, `error$et )
       ◎ if maybe omit events is not set or previousURL is not equal to urlString, queue an element task on the DOM manipulation task source given the img element to fire an event named error at the img element.

`画像~要請を中止する@ ときは、 所与の ( ［ `画像~要請$／~NULL ］ %画像~要請 ) に対し，次の手続きを走らす： ◎ To abort the image request for an image request or null image request means to run the following steps:

1. ~IF［ %画像~要請 ~EQ ~NULL ］ ⇒ ~RET ◎ If image request is null, then return.
2. %画像~要請 の`画像~data$ ~SET ε ◎ Forget image request's image data, if any.
3. %画像~要請 による`~fetch$~algoの~instanceがあれば、 それを中止した上で， その~algoにより生成された処理待ち~taskすべてを破棄する ◎ Abort any instance of the fetching algorithm for image request, discarding any pending tasks generated by that algorithm.

`img$e 要素の `処理待ち要請を現在の要請に昇格する@ ときは、 次の手続きを走らす： ◎ To upgrade the pending request to the current request for an img element means to run the following steps:

1. ~Assert： %img の`処理待ち要請$ ~NEQ ~NULL
2. %img の`現在の要請$ ~SET %img の`処理待ち要請$ ◎ Let the img element's current request be the pending request.
3. %img の`処理待ち要請$ ~SET ~NULL ◎ Let the img element's pending request be null.

【 最初の段は、 この訳による補完 （`現在の要請$は ~NULL をとり得ない）。 】

`画像を呈示~用に準備する@ ときは、 所与の ( 画像~要素 %img ) に対し： ◎ To prepare an image for presentation for an image request req given image element img:

1. %要請 ~LET %img の`現在の要請$

   【 この段は、 この訳による追加 — 原文の~algoは，`画像~要請$も引数にとっているが、 実際に この~algoが適用される`画像~要請$は， %img の`現在の要請$に限られる。 】

2. %~EXIF~tag~map ~LET %要請 の`画像~data$から — 関連な~codecにより定義されるとおりに — 得される~EXIF~tag群 `EXIF$r ◎ Let exifTagMap be the EXIF tags obtained from req's image data, as defined by the relevant codec. [EXIF]
3. ( %物理-横幅, %物理-縦幅 ) ~LET %要請 の`画像~data$から — 関連な~codecにより定義されるとおりに — 得される ( 横幅, 縦幅 ) ◎ Let physicalWidth and physicalHeight be the width and height obtained from req's image data, as defined by the relevant codec.
4. %寸法~X ~LET %~EXIF~tag~map の~tag `0xA002^c （ `PixelXDimension^i ）の値 ◎ Let dimX be the value of exifTagMap's tag 0xA002 (PixelXDimension).
5. %寸法~Y ~LET %~EXIF~tag~map の~tag `0xA003^c （ `PixelYDimension^i ）の値 ◎ Let dimY be the value of exifTagMap's tag 0xA003 (PixelYDimension).
6. %解像度~X ~LET %~EXIF~tag~map の~tag `0x011A^c （ `XResolution^i ）の値 ◎ Let resX be the value of exifTagMap's tag 0x011A (XResolution).
7. %解像度~Y ~LET %~EXIF~tag~map の~tag `0x011B^c （ `YResolution^i ）の値 ◎ Let resY be the value of exifTagMap's tag 0x011B (YResolution).
8. %解像度~単位 ~LET %~EXIF~tag~map の~tag `0x0128^c （ `ResolutionUnit^i ）の値 ◎ Let resUnit be the value of exifTagMap's tag 0x0128 (ResolutionUnit).

9. ~IF［ ~NOT ~AND↓ ］…

   • %寸法~X は整数である
   • %寸法~Y は整数である
   • %寸法~X ~GT 0
   • %寸法~Y ~GT 0
   • %解像度~X は浮動小数点数である
   • %解像度~Y は浮動小数点数である
   • %解像度~X ~GT 0
   • %解像度~Y ~GT 0
   • %解像度~単位 ~EQ 2 （ `Inch^i ）
   • %物理-横幅 ~MUL 72 ~DIV %解像度~X ~EQ %寸法~X 【浮動小数点数の丸め誤差は、この比較に どう織り込まれる？】
   • %物理-縦幅 ~MUL 72 ~DIV %解像度~Y ~EQ %寸法~Y

   …ならば ⇒ ~RET

   ◎ If either dimX or dimY is not a positive integer, then return. ◎ If either resX or resY is not a positive floating-point number, then return. ◎ If resUnit is not equal to 2 (Inch), then return. ◎ Let widthFromDensity be the value of physicalWidth, multiplied by 72 and divided by resX. ◎ Let heightFromDensity be the value of physicalHeight, multiplied by 72 and divided by resY. ◎ If widthFromDensity is not equal to dimX or heightFromDensity is not equal to dimY, then return.

10. ~IF［ %要請 の`画像~data$は`~CORS非同一-生成元$である ］：

    1. %img の ( `生来な横幅$, `生来な縦幅$ ) ~SET ( %寸法~X, %寸法~Y )
    2. 前~段の設定に則って， %img の画素~dataを拡縮する
    3. ~RET
    ◎ If req's image data is CORS-cross-origin, then set img's natural dimensions to dimX and dimY, scale img's pixel data accordingly, and return.
11. %要請 の`選好される密度~補正-済み寸法$ ~SET ( %寸法~X, %寸法~Y ) ◎ Set req's preferred density-corrected dimensions to a struct with its width set to dimX and its height set to dimY.
12. %img の呈示を適切に更新する ◎ Update req's img element's presentation appropriately.

注記： ~EXIF内の解像度は，~CSS `pt$css 【！points per inch】に等価なので、 72 が解像度から~sizeを算出するための基底になる。 ◎ Resolution in EXIF is equivalent to CSS points per inch, therefore 72 is the base for computing size from resolution.

画像がすでに呈示された後に~EXIFが到着する事例でどうなるかは、 まだ指定されていない。 `~CSS課題 #4929＠~CSSissue/4929$を見よ。 ◎ It is not yet specified what would be the case if EXIF arrives after the image is already presented. See issue #4929.

`画像~sourceを選定する@ ときは、 所与の ( `img$e 要素 %要素 ) に対し： ◎ To select an image source given an img element el:

1. `~source集合を更新する$( %要素 )

   【 その結果、 %要素 の`~source集合$内のすべての~entryの`記述子$iSは， `画素~密度~記述子$に正規化されることに注意。 】

   ◎ Update the source set for el.
2. ~IF［ %要素 の`~source集合$は空である ］ ⇒ ~RET ( ε, ε ) ◎ If el's source set is empty, return null as the URL and undefined as the pixel density.
3. ~RET `~source集合から画像~sourceを選定する$( %要素 の`~source集合$ ) ◎ Return the result of selecting an image from el's source set.

`~source集合から画像~sourceを選定する@ ときは、 所与の ( `~source集合$ %~source集合 ) に対し， ( ~URLを与える文字列, `密度~値$ ) からなる~tupleを返す： ◎ To select an image source from a source set given a source set sourceSet:

1. %~source群 ~LET 空な集合 ◎ ↓
2. %~source集合 を成す ~EACH( ~entry %b ) に対し，順に ⇒ ~IF［ %b の`記述子$iSの`密度~値$は %~source群 を成す どの~entryのそれとも異なる ］ ⇒ %b を %~source群 に追加する ◎ If an entry b in sourceSet has the same associated pixel density descriptor as an earlier entry a in sourceSet, then remove entry b. Repeat this step until none of the entries in sourceSet have the same associated pixel density descriptor as an earlier entry.
3. %選定された~source ~LET `実装定義$な方式で %~source群 から 1 個の `画像~source$を選んだ結果 ◎ In an implementation-defined manner, choose one image source from sourceSet. Let this be selectedSource.
4. ~RET ( %選定された~source の`~URL文字列$iS, %選定された~source の`記述子$iSの`密度~値$ ) ◎ Return selectedSource and its associated pixel density.

`~source集合を作成する@ ときは、 所与の ( 文字列 %既定の~source, 文字列 %~srcset, 文字列 %~sizes, ［ 要素／~NULL ］ %img ) に対し： ◎ When asked to create a source set given a string default source, a string srcset, a string sizes, and an element or null img:

1. %~source集合 ~LET `~srcset属性を構文解析する$( %~srcset ) ◎ Let source set be an empty source set. ◎ If srcset is not an empty string, then set source set to the result of parsing srcset.
2. %~source集合 の【！】`~source~size$ ~LET `~sizes属性を構文解析する$( %~sizes, %img ) ◎ Let source size be the result of parsing sizes with img.
3. ~IF［ %既定の~source ~NEQ 空~文字列 ］~AND［ %~source集合 を成す どの`画像~source$も，その`記述子$iSは ε または［ `画素~密度~記述子$であって，その`密度~値$ ~NEQ 1 ］を満たす ］ ⇒ %~source集合 に %既定の~source を付加する ◎ If default source is not the empty string and source set does not contain an image source with a pixel density descriptor value of 1, and no image source with a width descriptor, append default source to source set.
4. `~source密度を正規化する$( %~source集合 ) ◎ Normalize the source densities of source set.
5. ~RET %~source集合 ◎ Return source set.

`~source集合を更新する@ ときは、 所与の ( %要素 ) に対し，次を走らすモノトスル： ◎ When asked to update the source set for a given img or link element el, user agents must do the following:

1. ~Assert： %要素 は［ `img$e ／ `link$e ］要素である ◎ ↑
2. %要素~群 ~LET « » ◎ ↓↓Set el's source set to an empty source set. ◎ Let elements be « el ». ↓↓
3. %img ~LET ~NULL ◎ ↓

4. ~IF［ %要素 は `img$e 要素である ］：

   1. ~IF［ %要素 の親は `picture$e 要素である ］ ⇒ %要素~群 ~SET %要素 に先行する同胞である `source$e 要素たちが成す同順の~list

      【 この訳では、 この段で %要素~群 をこれらの `source^e 要素に絞り込んでおくことにより， 原文の~algoを少し簡潔に組み替えている。 】

   2. %img ~SET %要素
   ◎ If el is an img element whose parent node is a picture element, then replace the contents of elements with el's parent node's child elements, retaining relative order. ◎ Let img be el if el is an img element, otherwise null.
5. %要素~群 に %要素 を付加する ◎ ↑↑

6. %要素~群 を成す ~EACH( %子 ) に対し： ◎ For each child in elements:

   1. ~IF［ %子 ~EQ %要素 ］： ◎ If child is el:

      1. %既定の~source ~LET 空~文字列 ◎ Let default source be the empty string.
      2. %~srcset ~LET 空~文字列 ◎ Let srcset be the empty string.
      3. %~sizes ~LET 空~文字列 ◎ Let sizes be the empty string.

      4. ~IF［ %要素 は `img$e 要素である ］：

         1. ~IF［ %要素 は `srcset$a 属性を有する ］ ⇒ %~srcset ~SET その属性の値
         2. ~IF［ %要素 は `sizes$a 属性を有する ］ ⇒ %~sizes ~SET その属性の値
         3. ~IF［ %要素 は `src$a 属性を有する ］ ⇒ %既定の~source ~SET その属性の値
         ◎ ↓

      5. ~ELSE（ %要素 は `link$e 要素である）：

         1. ~IF［ %要素 は `imagesrcset$aL 属性を有する ］ ⇒ %~srcset ~SET その属性の値
         2. ~IF［ %要素 は `imagesizes$aL 属性を有する ］ ⇒ %~sizes ~SET その属性の値
         3. ~IF［ %要素 は `href$aL 属性を有する ］ ⇒ %既定の~source ~SET その属性の値
         ◎ ↑ If el is an img element that has a srcset attribute, then set srcset to that attribute's value. ◎ Otherwise, if el is a link element that has an imagesrcset attribute, then set srcset to that attribute's value. ◎ ↑ If el is an img element that has a sizes attribute, then set sizes to that attribute's value. ◎ Otherwise, if el is a link element that has an imagesizes attribute, then set sizes to that attribute's value. ◎ ↑ If el is an img element that has a src attribute, then set default source to that attribute's value. ◎ Otherwise, if el is a link element that has an href attribute, then set default source to that attribute's value.
      6. %要素 の`~source集合$ ~SET `~source集合を作成する$( %既定の~source, %~srcset, %~sizes, %img ) ◎ Let el's source set be the result of creating a source set given default source, srcset, sizes, and img.
      7. ~RET ◎ Return.

      注記： %要素 が `link^e 要素であるならば、 即時に この段に達して~~反復を終えることになる。 ◎ If el is a link element, then elements contains only el, so this step will be reached immediately and the rest of the algorithm will not run.

   2. ~Assert： %子 は `source$e 要素である ◎ If child is not a source element, then continue.
   3. ~IF［ %子 は `srcset$aS 属性を有さない ］ ⇒ ~CONTINUE ◎ If child does not have a srcset attribute, continue to the next child.
   4. %~source集合 ~LET `~srcset属性を構文解析する$( %子 の`srcset$aS 属性の値 ) ◎ Parse child's srcset attribute and let the returned source set be source set.

   5. ~IF［ ~OR↓ ］…

      • %~source集合 は空である
      • ［ %子 は `media$aS 属性を有する ］~AND［ その値は`環境に合致して$いない ］
      • ［ %子 は `type$aS 属性を有する ］~AND［ その値は［ 未知／未~support ］な`~MIME型$である ］

      …ならば ⇒ ~CONTINUE

      ◎ If source set has zero image sources, continue to the next child. ◎ If child has a media attribute, and its value does not match the environment, continue to the next child. ◎ ↓↓Parse child's sizes attribute with img, and let source set's source size be the returned value. ◎ If child has a type attribute, and its value is an unknown or unsupported MIME type, continue to the next child.
   6. %要素 の`寸法~属性~source$ ~SET ［ 次が満たされるならば %子 ／ ~ELSE_ %要素 ］ ⇒ %子 は［ `width$a, `height$a ］いずれかの属性を有する ◎ If child has width or height attributes, set el's dimension attribute source to child. Otherwise, set el's dimension attribute source to el.
   7. %~sizes ~LET ［ %子 は`~sizes属性$を有するならば その値 ／ ~ELSE_ 空~文字列 ］ ◎ ↑↑
   8. %~source集合 の`~source~size$ ~LET `~sizes属性を構文解析する$( %~sizes, %img ) ◎ ↑↑
   9. `~source密度を正規化する$( %~source集合 ) ◎ Normalize the source densities of source set.
   10. %要素 の`~source集合$ ~SET %~source集合 ◎ Let el's source set be source set.
   11. ~RET ◎ Return.

`~srcset属性を構文解析する@ ときは、 所与の ( 文字列 %入力 ) に対し，次を走らす： ◎ When asked to parse a srcset attribute from an element, parse the value of the element's srcset attribute as follows: • Let input be the value passed to this algorithm.

1. %位置 ~LET %入力 の中の最初の文字を指している`位置~変数$ ◎ Let position be a pointer into input, initially pointing at the start of the string.
2. %候補~list ~LET 空な`~source集合$ ◎ Let candidates be an initially empty source set.

3. ~WHILE 無条件： ◎ Splitting loop:＼

   1. %入力 内の %位置 から { `~ASCII空白$, `002C^U `,^smb } からなる`符号位置~並びを収集する$ ◎ Collect a sequence of code points that are ASCII whitespace or U+002C COMMA characters from input given position.＼
   2. ~IF［ 前~段にて 1 個~以上の文字 `002C^U `,^smb が収集された ］ ⇒ `構文解析-~error$ ◎ If any U+002C COMMA characters were collected, that is a parse error.
   3. ~IF［ %位置↗ ~EQ ε ］ ⇒ ~RET %候補~list ◎ If position is past the end of input, return candidates.
   4. %記述子 ~LET ε ◎ ↓
   5. %~URL ~LET %入力 内の %位置 から `~ASCII空白$以外の`符号位置~並びを収集する$ ◎ Collect a sequence of code points that are not ASCII whitespace from input given position, and let that be url. ◎ ↓↓Let descriptors be a new empty list.

   6. ~IF［ %~URL の最後の文字 ~EQ `002C^U `,^smb ］： ◎ If url ends with U+002C (,), then:

      1. %~URL の末尾から連続する文字 `002C^U `,^smb をすべて除去する ◎ Remove all trailing U+002C COMMA characters from url.＼
      2. ~IF［ 前~段で 2 個~以上の文字が除去された ］ ⇒ `構文解析-~error$ ◎ If this removed more than one character, that is a parse error.

   7. ~ELSE：

      1. %記述子~list ~LET %入力 内の %位置 から記述子を~token化する†
      2. %記述子 ~SET 記述子~群を構文解析する( %記述子~list )†
      3. ~IF［ %記述子 ~EQ `~error^i ］ ⇒ ~CONTINUE

      【† これらの手続きは、 以下に定義される。 この訳では、 原文の~algoを，これらの手続きに分割して記述している。 】

      ◎ Otherwise: ◎ ↓↓

   8. %画像~source ~LET 新たな`画像~source$ — その ⇒＃ `~URL文字列$iS ~SET %~URL, `記述子$iS ~SET %記述子 ◎ ↓↓

   9. %候補~list に %画像~source を付加する ◎ ↓↓

%入力 内の %位置 から記述子を~token化するときは、 次を走らす （これは、~call元の`位置~変数$も更新する）： ◎ Descriptor tokenizer:＼

注記： 将来の追加と互換にするため、 この~algoは，複数の記述子と丸括弧を伴う記述子を~supportする。 ◎ In order to be compatible with future additions, this algorithm supports multiple descriptors and descriptors with parens.

【 原文による上の~algoは，（おそらく拡張を視野に）文字~単位で細かく処理しているが、 この訳では，流れを追いやすくなるよう等価な形に再構成している。 】

記述子~群を構文解析するときは、 記述子 構文解析器は、 所与の ( %記述子~list ) に対し，次を走らす： ◎ Descriptor parser:＼

1. %~error ~LET `no^i ◎ Let error be no.

2. ( %横幅, %縦幅, %密度 ) ~LET ( ε, ε, ε )

   【 %縦幅 （原文における名前は “`future-compat-h^en” ）は、 現時点では用を為さないが， 将来における追加と互換にするため予め処理に組み込まれている。 】

   ◎ Let width be absent. ◎ Let density be absent. ◎ Let future-compat-h be absent.

3. %記述子~list を成す ~EACH( %記述子~token ) に対し： ◎ For each descriptor in descriptors, run the appropriate set of steps from the following list:

   1. %種別 ~LET %記述子~token の最後の文字 ◎ ↓
   2. %数 ~LET %記述子~token から最後の文字を除去した結果 ◎ ↓

   3. ~IF［ %種別 ~EQ `0077^U `w^smb ］~AND［ %数 は`妥当な負でない整数$である ］： ◎ If the descriptor consists of a valid non-negative integer followed by a U+0077 LATIN SMALL LETTER W character

      1. ~IF［ ~UAは `sizes$a 属性を~supportしない ］ ⇒ %~error ~SET `yes^i ◎ If the user agent does not support the sizes attribute, let error be yes.

         注記： 適合~UAは `sizes$a 属性を~supportすることになる。 しかしながら，実施においては、 ~UAは概して，特能を漸増的に実装して出荷する。 ◎ A conforming user agent will support the sizes attribute. However, user agents typically implement and ship features in an incremental manner in practice.

      2. ~IF［ %横幅 ~NEQ ε ］~OR［ %密度 ~NEQ ε ］ ⇒ %~error ~SET `yes^i ◎ If width and density are not both absent, then let error be yes.
      3. %数 ~SET `負でない整数として構文解析する$( %数 ) ◎ Apply the rules for parsing non-negative integers to the descriptor.＼
      4. ~IF［ %数 ~EQ 0 ］ ⇒ %~error ~SET `yes^i ◎ If the result is 0, let error be yes.＼
      5. ~ELSE ⇒ %横幅 ~SET %数 ◎ Otherwise, let width be the result.

   4. ~ELIF［ %種別 ~EQ `0078^U `x^smb ］~AND［ %数 は`妥当な浮動小数点数$である ］： ◎ If the descriptor consists of a valid floating-point number followed by a U+0078 LATIN SMALL LETTER X character

      1. ~IF［ %横幅 ~NEQ ε ］~OR［ %密度 ~NEQ ε ］~OR［ %縦幅 ~NEQ ε ］ ⇒ %~error ~SET `yes^i ◎ If width, density and future-compat-h are not all absent, then let error be yes.
      2. %数 ~SET `浮動小数点数として構文解析する$( %数 ) ◎ Apply the rules for parsing floating-point number values to the descriptor.＼
      3. ~IF［ %数 ~LT 0 ］ ⇒ %~error ~SET `yes^i ◎ If the result is less than 0, let error be yes.＼

      4. ~ELSE ⇒ %密度 ~SET %数 ◎ Otherwise, let density be the result.

         注記： ［ %密度 ~EQ 0 ］の場合、［ `生来な横幅$ ／ `生来な縦幅$ ］は無限になる。 ~UAには、 画像が描画され得る大きさを`制限することが期待される＠~INFRA#algorithm-limits$。 ◎ If density is 0, the natural dimensions will be infinite. User agents are expected to have limits in how big images can be rendered.

   5. ~ELIF［ %種別 ~EQ `0068^U `h^smb ］~AND［ %数 は`妥当な負でない整数$である ］： ◎ If the descriptor consists of a valid non-negative integer followed by a U+0068 LATIN SMALL LETTER H character

      1. `構文解析-~error$ ◎ This is a parse error.
      2. ~IF［ %縦幅 ~NEQ ε ］~OR［ %密度 ~NEQ ε ］ ⇒ %~error ~SET `yes^i ◎ If future-compat-h and density are not both absent, then let error be yes.
      3. %数 ~SET `負でない整数として構文解析する$( %数 ) ◎ Apply the rules for parsing non-negative integers to the descriptor.＼
      4. ~IF［ %数 ~EQ 0 ］ ⇒ %~error ~SET `yes^i ◎ If the result is 0, let error be yes.＼
      5. ~ELSE ⇒ %縦幅 ~SET %数 ◎ Otherwise, let future-compat-h be the result.
   6. ~ELSE ⇒ %~error ~SET `yes^i ◎ Anything else ◎ Let error be yes.
4. ~IF［ %縦幅 ~NEQ ε ］~AND［ %横幅 ~EQ ε ］ ⇒ %~error ~SET `yes^i ◎ If future-compat-h is not absent and width is absent, let error be yes.

5. ~IF［ %~error ~EQ `no^i ］：

   1. ~IF［ %横幅 ~NEQ ε ］ ⇒ ~RET `横幅~値$に %横幅 を伴う`横幅~記述子$
   2. ~IF［ %密度 ~NEQ ε ］ ⇒ ~RET `密度~値$に %密度 を伴う`画素~密度~記述子$
   3. ~RET ε
   ◎ If error is still no, then append a new image source to candidates whose URL is url, associated with a width width if not absent and a pixel density density if not absent.＼
6. `構文解析-~error$ ◎ Otherwise, there is a parse error.
7. ~RET `~error^i ◎ Return to the step labeled splitting loop.

`~sizes属性を構文解析する@ ときは、 所与の ( 文字列 %入力, ［ `img$e 要素／~NULL ］ %img ) に対し： ◎ When asked to parse a sizes attribute from an element element, with an img element or null img:

1. %未解析~sizes~list ~LET `~commaで分離された成分~値~listとして構文解析する$( %入力 ) `CSSSYNTAX$r ◎ Let unparsed sizes list be the result of parsing a comma-separated list of component values from the value of element's sizes attribute (or the empty string, if the attribute is absent). [CSSSYNTAX]
2. %~size ~LET ~NULL ◎ Let size be null.

3. %未解析~sizes~list を成す ~EACH( %未解析~size ) に対し： ◎ For each unparsed size in unparsed sizes list:

   1. %未解析~size の~~終端から連続する `whitespace-token$t すべてを除去する ◎ Remove all consecutive <whitespace-token>s from the end of unparsed size.＼
   2. ~IF［ %未解析~size は空である ］ ⇒＃ `構文解析-~error$； ~CONTINUE ◎ If unparsed size is now empty, then that is a parse error; continue.
   3. %~size ~SET %未解析~size を成す最後の`成分~値$ ◎ If the last component value in unparsed size＼ ↓ is a valid non-negative <source-size-value>,＼ then set size to its value and＼
   4. %未解析~size から最後の`成分~値$を除去する ◎ remove the component value from unparsed size.＼

   5. ~IF［ %~size は ~OR↓ を満たす ］…

      • `source-size-value$t に合致しない
      • `~math関数$以外の`~CSS関数$を含んでいる
      • 負な数を表す

      …ならば ⇒＃ `構文解析-~error$； ~CONTINUE

      ◎ Any CSS function other than the math functions is invalid.＼ Otherwise, there is a parse error; continue.

   6. ~IF［ ~AND↓ ］…

      • %~size ~EQ `~auto0$v
      • %img ~NEQ ~NULL
      • %img は`具現化されて$いる
      • %img は`自動-~sizeを許容して$いる

      …ならば ⇒ %~size ~SET %img の`具象-~obj~size$を成す横幅を成す `px$css 数

      ◎ If size is auto, and img is not null, and img is being rendered, and img allows auto-sizes, then set size to the concrete object size width of img, in CSS pixels.

      注記： 依然として %~size ~EQ `~auto0$v の場合、 %~size は無視されることになる。 ◎ If size is still auto, then it will be ignored.

   7. %未解析~size の終端から連続する `whitespace-token$t すべてを除去する ◎ Remove all consecutive <whitespace-token>s from the end of unparsed size.＼

   8. ~IF［ %未解析~size は空である ］： ◎ If unparsed size is now empty:

      1. ~IF［ %未解析~size は %未解析~sizes~list を成す最後の~itemでない ］ ⇒ `構文解析-~error$ ◎ If this was not the last item in unparsed sizes list, that is a parse error.
      2. ~IF［ %~size ~NEQ `~auto0$v ］ ⇒ ~RET %~size ◎ If size is not auto, then return size.＼
      3. ~CONTINUE ◎ Otherwise, continue.

   9. ~IF［ %未解析~size は ~OR↓ を満たす `MQ$r ］…

      • `media-condition$t に合致しない
      • `media-condition$t として`評価した結果＠~MQ5#evaluating$は偽になる

      …ならば ⇒ ~CONTINUE

      ◎ Parse the remaining component values in unparsed size as a <media-condition>. If it does not parse correctly, or it does parse correctly but the <media-condition> evaluates to false, continue. [MQ]
   10. ~IF［ %~size ~NEQ `~auto0$v ］ ⇒ ~RET %~size ◎ If size is not auto, then return size.＼
   11. ~CONTINUE ◎ Otherwise, continue.
4. ~RET `100vw^v 【すなわち，表示域の横幅】 ◎ Return 100vw.

`~source密度を正規化する@ ときは、 所与の ( `~source集合$ %~source集合 ) に対し，次を走らす： ◎ When asked to normalize the source densities of a source set source set, the user agent must do the following:

1. %~source~size ~LET %~source集合 の`~source~size$ ◎ Let source size be source set's source size.

2. %~source集合 を成す ~EACH( `画像~source$ %S ) に対し：

   1. %密度 ~LET 1

   2. %S の`記述子$iS に応じて：

      `画素~密度~記述子$

      ~CONTINUE

      `横幅~記述子$

      %密度 ~SET ( %S の`記述子$iSの`横幅~値$ ~DIV `~source~size$ )

      注記： ［ `~source~size$ ~EQ 0 ］の場合の密度は無限大になり、 ( `生来な横幅$, `生来な縦幅$ ) は ( 0, 0 ) になる。

   3. %S の`記述子$iS ~SET `密度~値$に %密度 を伴う`画素~密度~記述子$
   ◎ For each image source in source set: • If the image source has a pixel density descriptor, continue to the next image source. • Otherwise, if the image source has a width descriptor, replace the width descriptor with a pixel density descriptor with a value of the width descriptor value divided by the source size and a unit of x. • If the source size is 0, then the density would be infinity, which results in the natural dimensions being 0 by 0. • Otherwise, give the image source a pixel density descriptor of 1x.

~UAはいつでも、 `環境における変化に反応する@ ため， 次の~algoを走らせて`img$e 要素 %img の画像を更新してヨイ。 （~UAには、 この~algoを常時~走らすことは`要求されない^em — 例えば［ 利用者が当の~pageを見ていなくて，その間に環境が何度か変化する事例 ］においては、 ~UAは［ 利用者が~pageに戻って来るまで，どの画像を利用するか決定するのを待機したい ］と求めるかもしれない。） ◎ The user agent may at any time run the following algorithm to update an img element's image in order to react to changes in the environment. (User agents are not required to ever run this algorithm; for example, if the user is not looking at the page any more, the user agent might want to wait until the user has returned to the page before determining which image to use, in case the environment changes again in the meantime.)

注記： ~UAには — 特に［ 利用者が`表示域$の~sizeを変更したとき （例：~windowを~resizeしたときや，~page~zoomを変更したとき） ／ `img$e 要素が`文書の中へ挿入された$とき ］には — この~algoを走らせて，［ `密度~補正-済み生来な~size$が新たな`表示域$に合致する ］かつ［ `~art-direction$が孕まれるときは、 正しい画像が選ばれる ］ようにすることが奨励される。 ◎ User agents are encouraged to run this algorithm in particular when the user changes the viewport's size (e.g. by resizing the window or changing the page zoom), and when an img element is inserted into a document, so that the density-corrected natural width and height match the new viewport, and so that the correct image is chosen when art direction is involved.

1. 次の手続きを`同期区間$として，この~algoの`安定~状態を待受ける$： ◎ Await a stable state. The synchronous section consists of all the remaining steps of this algorithm until the algorithm says the synchronous section has ended. (Steps in synchronous sections are marked with ⌛.)

   1. %文書 ~LET %img の`~node文書$ ◎ ↓
   2. ~IF［ %img は`~srcsetまたは~pictureを利用して$いない ］~OR［ %文書 は`全部的に作動中$でない ］~OR［ %img の画像~dataの資源~型 ~EQ `multipart/x-mixed-replace$mt ］~OR［ %img の`処理待ち要請$ ~NEQ ~NULL ］ ⇒ ~RET ◎ ⌛ If the img element does not use srcset or picture, its node document is not fully active, has image data whose resource type is multipart/x-mixed-replace, or the pending request is not null, then return.
   3. ( %選定された~source, %選定された画素~密度 ) ~LET `画像~sourceを選定する$( %img ) ◎ ⌛ Let selected source and selected pixel density be the URL and pixel density that results from selecting an image source, respectively.
   4. ~IF［ %選定された~source ~EQ ε ］ ⇒ ~RET ◎ ⌛ If selected source is null, then return.
   5. ~IF［ %選定された~source ~EQ %img の`最後に選定された~source$ ］~AND［ %選定された画素~密度 ~EQ %img の`現在の画素~密度$ ］ ⇒ ~RET ◎ ⌛ If selected source and selected pixel density are the same as the element's last selected source and current pixel density, then return.
   6. %~URL~record ~LET `~URLを符号化法の下で相対的に構文解析する$( %選定された~source, %文書 ) 【！#encoding-parsing-and-serializing-a-url】 ◎ ⌛ Let urlString be the result of encoding-parsing-and-serializing a URL given selected source, relative to the element's node document.
   7. ~IF［ %~URL~record ~EQ `失敗^i ］ ⇒ ~RET ◎ ⌛ If urlString is failure, then return.
   8. %~URL文字列 ~LET `~URLを直列化する$( %~URL~record ) ◎ ↑↑
   9. %~CORS属性~状態 ~LET %img の `crossorigin$a 内容~属性の状態 ◎ ⌛ Let corsAttributeState be the state of the element's crossorigin content attribute.
   10. %生成元 ~LET ［ %~CORS属性~状態 ~EQ `~CORSなし$st ならば ε ／ ~ELSE_ %文書 の`生成元$doc ］ ◎ ↓ ◎ ⌛ Let origin be the img element's node document's origin.
   11. %~client ~LET %文書 に`関連な設定群~obj$ ◎ ⌛ Let client be the img element's node document's relevant settings object.
   12. %~key ~LET ( %~URL文字列, %~CORS属性~状態, %生成元 ) からなる~tuple ◎ ⌛ Let key be a tuple consisting of urlString, corsAttributeState, and, if corsAttributeState is not No CORS, origin.
   13. %画像~要請 ~LET 新たな`画像~要請$ ◎ ⌛ Let image request be a new image request＼
   14. %画像~要請 の`現在の~URL$ ~SET %~URL文字列 ◎ whose current URL is urlString.
   15. %img の`処理待ち要請$ ~LET %画像~要請 ◎ ⌛ Let the element's pending request be image request.

   `同期区間$はここで終端する — 以降の手続きは、 同期区間を走らせ終えてから，`並列的$に走らすことになる。 ◎ End the synchronous section, continuing the remaining steps in parallel.

2. ~IF［ `可用な画像~list$内に %~key に対応する~entryはある ］ ⇒ %画像~要請 の`画像~data$ ~SET その~entryの`画像~data$ ◎ If the list of available images contains an entry for key, then set image request's image data to that of the entry. Continue to the next step.

3. ~ELSE： ◎ Otherwise:

   1. %要請 ~LET `~CORSになり得る要請を作成する$( %~URL~record, `image^l , %~CORS属性~状態 ) ◎ Let request be the result of creating a potential-CORS request given urlString, "image", and corsAttributeState.
   2. %要請 の ⇒＃ `~client$rq ~SET %~client, `起動元$rq ~SET `imageset^l, `同期~flag$rq ~SET ~T, `~referrer施策$rq ~SET %img の `referrerpolicy$a 属性の現在の状態, `優先度$rq ~SET %img の `fetchpriority$a 属性の現在の状態 ◎ Set request's client to client, initiator to "imageset", and set request's synchronous flag. ◎ Set request's referrer policy to the current state of the element's referrerpolicy attribute. ◎ Set request's priority to the current state of the element's fetchpriority attribute.
   3. %応答 ~LET %要請 を用いて`~fetch$した結果 ◎ Let response be the result of fetching request.

   4. ~IF［ ~OR↓ ］… ◎ ↓

      • %応答 の`安全でない応答$は`~network~error$である ◎ If response's unsafe response is a network error or＼
      • `画像を特定的に~sniffするための規則$を`適用して決定される＠#img-determine-type$画像の形式は未~supportである ◎ if the image format is unsupported (as determined by applying the image sniffing rules, again as mentioned earlier), or＼
      • ~UAは、 次を決定できる ⇒ %画像~要請 の画像は、 何らかの致命的な仕方で，画像の寸法を得せないまでに破損している ◎ if the user agent is able to determine that image request's image is corrupted in some fatal way such that the image dimensions cannot be obtained, or＼
      • 画像~資源の型 ~EQ `multipart/x-mixed-replace$mt ◎ if the resource type is multipart/x-mixed-replace,＼

      …ならば ⇒＃ %img の`処理待ち要請$ ~SET ~NULL； ~RET ◎ then let pending request be null and abort these steps.

   5. ~ELSE（ %応答 の`安全でない応答$は %画像~要請 の`画像~data$を表現する） ⇒ %応答 は`~CORS同一-生成元$にも`~CORS非同一-生成元$にもなり得る — どちらになるかに応じて，当の画像と他の~APIとのヤリトリに影響する（例： `canvas$e 上で利用されるとき）。 ◎ Otherwise, response's unsafe response is image request's image data. It can be either CORS-same-origin or CORS-cross-origin; this affects the image's interaction with other APIs (e.g., when used on a canvas).

4. `要素~taskを~queueする$( `~DOM操作~task~source$, %img, 次の手続き ) ◎ Queue an element task on the DOM manipulation task source given the img element and＼

   手続きは： ◎ the following steps:

   1. ~IF［ %img はこの~algoを開始した時点から`関連な変異$を経た ］ ⇒＃ %img の`処理待ち要請$ ~LET ~NULL； ~RET ◎ If the img element has experienced relevant mutations since this algorithm started, then let pending request be null and abort these steps.
   2. %img の ( `最後に選定された~source$, `現在の画素~密度$ ) ~SET ( %選定された~source, %選定された画素~密度 ) ◎ Let the img element's last selected source be selected source and the img element's current pixel density be selected pixel density.
   3. %画像~要請 の`状態$ ~SET `完全に可用$st ◎ Set the image request's state to completely available.
   4. %文書 の`可用な画像~list$に，画像を追加する — この画像は ⇒ ~key %~key で識別され, `上層~cachingは無視するか$は ~T にするとする ◎ Add the image to the list of available images using the key key, with the ignore higher-layer caching flag set.
   5. %img の`処理待ち要請を現在の要請に昇格する$ ◎ Upgrade the pending request to the current request.
   6. `画像を呈示~用に準備する$( %img ) ◎ Prepare image request for presentation given the img element.
   7. `~eventを発火する$( %img, `load$et ) ◎ Fire an event named load at the img element.