html-validate 10.12.1 → 10.13.0

package/dist/cjs/elements.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var metaHelper = require('./meta-helper.js');
+var utils_parseImageCandidateString = require('./utils/parse-image-candidate-string.js');
 
 const {
   allowedIfAttributeIsPresent,
@@ -36,6 +37,9 @@ function isInsideLandmark(node) {
   ];
   return Boolean(node.closest(selectors.join(",")));
 }
+function hasWidthDescriptor(srcset) {
+  return utils_parseImageCandidateString.parseImageCandidateString(srcset).some((it) => it.descriptor === "width");
+}
 function linkBodyOk(node) {
   if (node.hasAttribute("itemprop")) {
     return true;
@@ -535,6 +539,7 @@ var html5 = {
     permittedContent: ["@flow"]
   },
   body: {
+    optionalEnd: true,
     permittedContent: ["@flow"],
     permittedParent: ["html"],
     attributes: {
@@ -1105,6 +1110,8 @@ var html5 = {
     }
   },
   head: {
+    implicitClosed: ["body"],
+    optionalEnd: true,
     permittedContent: ["base?", "title?", "@meta"],
     permittedParent: ["html"],
     requiredContent: ["title"],
@@ -1173,6 +1180,7 @@ var html5 = {
     }
   },
   html: {
+    optionalEnd: true,
     permittedContent: ["head?", "body?"],
     permittedOrder: ["head", "body"],
     requiredContent: ["head", "body"],
@@ -1702,8 +1710,9 @@ var html5 = {
           return null;
         },
         required(node) {
-          if (node.hasAttribute("imagesrcset")) {
-            return `{{ tagName }} requires "{{ attr }}" attribute when "imagesrcset" attribute is set`;
+          const imagesrcset = node.getAttribute("imagesrcset");
+          if (typeof imagesrcset === "string" && hasWidthDescriptor(imagesrcset)) {
+            return `{{ tagName }} requires "{{ attr }}" attribute when "imagesrcset" uses width descriptors`;
           }
           return false;
         }