javascript 如何创建我自己的html标记并验证它

vlurs2pr  于 2022-10-30  发布在  Java
关注(0)|答案(1)|浏览(153)

我想创建自己的html标记,因为在TABS中添加新的div标记时遇到问题。我找到了以下方法,但未对其进行验证,在w3 validate. Error: Element style not allowed as child of element body in this context. (Suppressing further errors from this subtree.)中显示以下错误
下面是代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style>
        tab-content-body{
            color: brown;
        }
    </style>
    <tab-content-body class="d">Hello</tab-content-body>

    <script>
        class tabcontentbody extends HTMLElement{
            constructor(){
                super();
            }
        }
        customElements.define('tab-content-body',tabcontentbody);
    </script>
</body>
</html>
o8x7eapl

o8x7eapl1#

我已经有一段时间没有真正使用html验证了,但是简而言之,您需要;
1.创建您自己的xml架构来验证您的html。
这基本上是一个Map,它将告诉验证器有效的输入应该是什么样子的(例如,tab-content-body是一个有效的标签吗?它可以有任何子标签吗?如果可以,有多少?等等)。
1.将html的DocType更改为指向该验证架构。
您需要将<!DOCTYPE html>更改为指向验证文件和内容类型的内容(以前html 4.01使用<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">)有关此内容的更多信息,请访问https://www.w3schools.com/tags/tag_doctype.asp

相关问题