Ссылка таблицы стилей преднагрузки против W3C проверки

Question

Я пытаюсь удовлетворить 2 шашек: W3C validator и google page insight

Google Page Insight предложил мне загрузить асинхронно все блокирующие файлы CSS. Ну, я переписал включение стилей файла в натягом Кстати, как следует, и перенесенные с головы до конца тела:

... 
    <link rel="preload" href="mystyles.css" media="all" as="style" 
        onload="this.rel='stylesheet'"/> 
</body> 

Google Page Insight заставили меня, чтобы получить его из головы и положить его в конце тела.

Хорошо, я в порядке с Google Page Insight.

Но W3C Validator теперь говорит мне:

Error: A link element must not appear as a descendant of a body element unless the link element has an itemprop attribute or has a rel attribute whose value contains dns-prefetch, pingback, preconnect, prefetch, prerender, or stylesheet

Почему «преднагрузки» не допускается в атрибуте отн из головы? Я попытался назначить itemprop, но не возможно иметь itemprop и rel в той же ссылке.

Answer 1

Здесь находится хранитель HTML-проверки W3C (валидатор). Причиной этого было просто ошибка проверки. Когда I added rel=preloadsupport to the checker, я забыл добавить его в список значений rel, которые сравнивает код проверки, чтобы решить, разрешен ли конкретный элемент link в теле.

Во всяком случае, I’ve now fixed it in the checker sources и толкаем исправление до https://validator.w3.org/nu/.

Итак, контролер больше не сообщает об ошибке для фрагмента кода выше. Спасибо, что поймал это.