html - 浏览器如何解释非标准/自定义 html 标签

标签 html angular

我是前端开发的新手。只是一个关于浏览器如何解释非标准/自定义 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/

相关文章:

Angular - 重新加载 HTTP 请求

javascript - Angular 高级表达式绑定(bind)

html - R SHiny - 内联 css 和自定义 css 的区别

javascript - 链接关系查询 - 我可以创建 javascript 关系和 css 吗?

html - 响应式 HTML 模板

javascript - 使用 Angular 4 作为现有 Web 应用程序的一部分

Angular 6私有(private)方法

Angular 4 subview 不更新

php - 对不同的操作使用多个表单元素是好的做法吗?

Java/Swing 离屏渲染(Cobra HTMLPanel -> BufferedImage)问题 : Component doesn't finish redrawing first