Проверенный атрибут в элементе списка HTML

Question

Я читал о HTML5 и наткнулся на этот простой пример. Я не могу понять, как тег li может принимать проверенный атрибут без каких-либо ошибок в браузерах?

Единственные элементы, которые могут принимать проверенные атрибуты, это элементы, например кнопки радиогруппы или элементы select.

Где я могу узнать, какие атрибуты может принимать указанный элемент c?

<ul id="group1" class="radiogroup">
  <li tabindex="0" class="radio" checked>
    Water
  </li>
  <li tabindex="-1" class="radio">
    Tea
  </li>
  <li tabindex="-1" class="radio">
    Coffee
  </li>
  <li tabindex="-1" class="radio">
    Cola
  </li>
  <li tabindex="-1" class="radio">
    Ginger Ale
  </li>
</ul>

Answer 1

Этот тип информации можно найти в MDN Web Docs. Например, посмотрев, что документация для элемента HTML Элемент <li> Тег

TLDR;

Тег <li> имеет свои собственные атрибуты, а также наследует глобальные атрибуты (т. е. стиль, класс, id и т. д. c ..), особенные для него, которые являются атрибутом значения.

<li> атрибуты:

• значение
• тип

Глобальные атрибуты можно найти здесь

Answer 2

Вы можете найти список всех атрибутов и их поддерживаемых тегов в школах W3: https://www.w3schools.com/tags/ref_attributes.asp

Хотя <li checked></li> будет недействительным, вы можете использовать пользовательские атрибуты данных, если вы хотите применить проверенное состояние к элементу списка для использования с Javascript. Для пользовательских атрибутов данных см. Следующее: https://www.sitepoint.com/use-html5-data-attributes/

Answer 3

Браузеры должны делать все возможное с любой разметкой. Это означает обработку этого недействительного атрибута. Да, он недопустим и недопустим для тегов <li>.

HTML Стандарт

Проверенный атрибут содержимого является логическим атрибутом, который дает проверка по умолчанию для элемента ввода.