我是前端开发的新手。只是一个关于浏览器如何解释非标准/自定义 html 标记的问题。因为在使用 Angular 的时候,有一个标签叫做:
<body>
<app-root ng-version="xxx">
<div>
...
<ul _ngcontent-c0>...</ul>
</div>
</app-root>
</body>
以下是我的问题:
Q1-浏览器如何解释app-root
?浏览器解析html文件时应该是错误吗?或者这是否意味着我可以将任何无意义的标签添加到 html 中,如 <NonSense></NonSense>
浏览器会忽略它吗?
Q2-当浏览器解析非标准属性时,如 _ngcontent-c0
?浏览器是否会忽略它们,我可以将任何无意义的属性添加到 html 标记中,例如:
<h1 non-sense-attr></h1>
最佳答案
Q1。如您所料, 不是标准的 HTML 标记。这是引用特定组件的自定义选择器标记。它告诉 Angular 我们的组件应该在哪里渲染。一旦我们完成创建它,我们的根组件将在上面包含的标签之间加载它的模板 HTML。
Q2。 Refer this link , 有关 ViewEncapsulations 的更多解释 Refer this
关于html - 浏览器如何解释非标准/自定义 html 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59098943/