diff --git a/includes/status.include b/includes/status.include index a0fc8c1226..0acdf91ac3 100644 --- a/includes/status.include +++ b/includes/status.include @@ -19,4 +19,5 @@ per [W3C Process - 6.4 Candidate Recommendation](https://www.w3.org/2017/Process
  • The :defined pseudo-class;
  • Allowing multiple <{meta}> elements with name="description";
  • the <{rtc}> element;
  • +
  • the <{img/decoding}> attribute for the <{img}> element.
  • diff --git a/sections/attributes.include b/sections/attributes.include index f270482bf2..a6efe8fafc 100644 --- a/sections/attributes.include +++ b/sections/attributes.include @@ -225,6 +225,12 @@ valid duration string + + <{img/decoding}> + <{img}> + A hint to request a/synchronous loading of images + "sync", "async", "auto" + default <{track}> diff --git a/sections/semantics-embedded-content.include b/sections/semantics-embedded-content.include index 986552b85c..f84abd4791 100644 --- a/sections/semantics-embedded-content.include +++ b/sections/semantics-embedded-content.include @@ -713,6 +713,7 @@ (e.g., high-resolution displays, small monitors, etc)
    sizes - Image sizes between breakpoints
    crossorigin - How the element handles crossorigin requests
    +
    <{img/decoding}> - Hint for requesting synchronous or asynchronous loading
    usemap - Name of image map to use
    <{img/ismap}> - Whether the image is a server-side image map
    width - Horizontal dimension
    @@ -752,6 +753,7 @@ [CEReactions] attribute DOMString srcset; [CEReactions] attribute DOMString sizes; [CEReactions] attribute DOMString? crossOrigin; + [CEReactions] attribute DOMString decoding; [CEReactions] attribute DOMString useMap; attribute DOMString longDesc; [CEReactions] attribute boolean isMap; @@ -762,7 +764,6 @@ readonly attribute boolean complete; readonly attribute DOMString currentSrc; [CEReactions] attribute DOMString referrerPolicy; - [CEReactions] attribute DOMString decoding; }; @@ -898,13 +899,13 @@ settings attribute. Its purpose is to allow images from third-party sites that allow cross-origin access to be used with <{canvas}>. - The referrerpolicy attribute is a referrer policy attribute. Its purpose is to - set the referrer policy used when fetching the image. [[!REFERRERPOLICY]] + The decoding attribute is an enumerated attribute. + It is an [=image decoding hint=] to request synchronous or asynchronous image loading. + Valid values are "async", "async", and "auto". + The [=missing value default=] and [=invalid value default=] are both "auto". - The decoding attribute indicates - the preferred method to decode this image. The attribute, - if present, must be an [=image decoding hint=]. This attribute's - [=missing value default=] and [=invalid value default=] are both the {{auto}} state. + The referrerpolicy attribute is a referrer policy attribute. + Its purpose is to set the referrer policy used when fetching the image. [[!REFERRERPOLICY]]