Тег изображения с использованием data-srcset вместо srcset

Question

В настоящее время я проверяю свой HTML-код и получаю ошибки, потому что в моих тегах рисунков вместо srcset используется data-srcset. У меня вопрос, если я использую data-srcset, должен ли я использовать атрибут srcset для корректного HTML? Казалось бы, так.

Пример:

<picture>
  <source data-srcset="assets/media/images/attorneys/img-attorney.webp" type="image/webp">
  <source data-srcset="assets/media/images/attorneys/img-attorney.png" type="image/jpg">
  <img src="assets/media/images/attorneys/img-attorney.png" class="lazy" alt="Attorney"> 
</picture>

Answer 1

Да;srcset является обязательным , и разметка не будет проверяться без него, даже если вы заменили атрибут data-srcset с тем же именем. Пользовательские атрибуты данных не могут заменить стандартные атрибуты с тем же именем для целей проверки;они обрабатываются как пользовательские и игнорируются.

Однако, если вы намерены использовать data-srcset вместо своих собственных причин, вы можете написать стандартный атрибут srcset в HTML и использоватьJavaScript, чтобы поменять его после факта. Валидаторы не увидят этого и увидят только srcset в исходной разметке. Если у вас есть клиентские сценарии, которые полагаются на этот пользовательский атрибут данных, им может потребоваться подождать или прослушать, когда будет выполнена эта замена.