Question

我写了一个简单的html文件，并包含一个自定义标签。当我用chrome打开它时，我惊讶地发现chrome能够识别它。经过一些测试，我发现chrome将标记识别为内联元素。，并且css选择器指定的样式将在这些标签上生效，并且可以在IE9中识别该自定义标签

这是我写的代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>components</title>
    <style>
        box{
            display: block;
            width: 100px;
            height: 100px;
            background-color: #f0f;
        }
        fg{
            color:aqua;
        }
    </style>
</head>
<body>
    <box>
        <view>123</view>
        <br />
        <fg>33</fg>
    </box>
</body>
</html>

Chrome中的打开效果

enter image description here

可以发现浏览器一切正常。

但是我不明白为什么浏览器会识别它们。另外也不了解自定义标签和html标签之间的区别。

我真的很想知道浏览器如何解析这个自定义标签，对我有帮助。

为什么浏览器会识别html中不存在的标签？

0 个答案: