HTML Ошибка валидатора - в этом контексте ползунок элемента не допускается как дочерний элемент тела элемента

Question

Я создаю веб-страницу и в процессе проверки проверяю HTML, чтобы убедиться, что у меня нет ошибок. Теперь я создал свое слайд-шоу ... и назвал его слайдером, и теперь столкнулся с этой ошибкой:

Слайдер элемента не разрешен в качестве дочернего элемента тела элемента в этом контексте.

Я пытался поместите ползунок в тег заголовка, а также в div, но я получаю то же сообщение об ошибке. Вот HTML для моего ползунка:

<slider>
  <slide><p>Slide1</p></slide>
  <slide><p>Slide2</p></slide>
  <slide><p>Slide3</p></slide>
  <slide><p>Slide4</p></slide>
</slider> 

Куда мне нужно поместить это, чтобы оно не вызывало HTML ошибок проверки? Спасибо.

Answer 1

Если я не ошибаюсь, вы использовали этот валидатор . Большинство HTML валидаторов не распознают пользовательские HTML элементы , тогда для них всегда будут отображаться предупреждения, если вы просто проанализируете HTML.

Если ваш пользовательский элемент был создан правильно и работает как надо, вы можете просто игнорировать эти предупреждения.

В противном случае вы можете использовать стандартные элементы HTML и использовать такие атрибуты, как классы.

<div class="slider">
  <div class="slide"><p>Slide1</p></div>
  <div class="slide"><p>Slide1</p></div>
  <div class="slide"><p>Slide1</p></div>
  <div class="slide"><p>Slide1</p></div>
</div> 

Answer 2

В HTML отсутствует элемент slider.

Если вы пытаетесь создать некоторый элемент , из которого нужно повесить JavaScript, выберите в HTML элементы, которые имеют наиболее подходящую семантику для того, что вы хотите сделать.

Может быть ul и li или main и section или что-то еще. (Вы можете использовать класс или идентификатор, чтобы отличить guish их от других элементов того же типа).