最近,我在MDN上遇到了一个代码块,其中包含两个不熟悉的标签,即滚动容器和滚动页。
经过一番研究,我找不到有关这些标签的任何信息。
请问他们的作用是什么,有人有关于他们的信息吗?
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<nav>
<a href="#page-1">1</a>
<a href="#page-2">2</a>
<a href="#page-3">3</a>
</nav>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<scroll-container>
<scroll-page id="page-1">1</scroll-page>
<scroll-page id="page-2">2</scroll-page>
<scroll-page id="page-3">3</scroll-page>
</scroll-container>
</body>
</html>
这里是链接:https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior#Example
它是HTML5中可用的自定义标记之一。自定义元素是作者可以定义的新型DOM元素。与无状态且短暂的装饰器不同,自定义元素可以封装状态并提供脚本接口。Sources