HTML验证程序错误-在此上下文中不允许元素滑块作为元素体的子元素

我正在创建一个网页，我正在检查HTML验证程序以确保没有错误。我现在已经创建了我的幻灯片。。我们称之为slider，现在遇到了这个错误：

在此上下文中，元素滑块不允许作为元素体的子元素

我曾尝试将滑块放在header标记中，也放在div中，但仍然收到相同的错误消息。 以下是我的滑块的HTML：

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

幻灯片1

幻灯片2

幻灯片3

幻灯片4

我需要把它放在哪里，这样它就不会出现任何HTML验证错误？ 谢谢。

如果您试图创建一些挂起JavaScript的元素，那么选择HTML中最适合您所要做的语义的元素

---

可能是

ul

和

li

或

main

和

section

或其他东西。（您可以使用类或id将它们与相同类型的其他元素区分开来）。

如果我没有错的话，您可以使用这个。大多数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> 

幻灯片1

幻灯片1

幻灯片1

幻灯片1

slider

不是自定义HTML元素的有效名称，因此验证工具是否支持自定义元素无关紧要。谢谢，我将我的slider放在带有类属性的div中，这不再在验证程序中标记错误！