html中的方括号是什么意思？

Question

我现在正在协助一个项目，第一次构建模板，试图解决一些问题，但 html 中令我困惑的一个方面是方括号中的某些内容。我以前从未在 html 中使用过这些，所以我只是想知道它们的用途（当我在浏览器中打开页面时，它们都显示为文本）

这是一些代码：

<div class="container">
   [HASBREADCRUMBS]
   <ol class="nav-breadcrumb">
      [BREADCRUMBS]
   </ol>
   [/HASBREADCRUMBS]
   <h1 class="header-title" style="color:[TITLECOLOR];font-size:[TITLESIZE];">[TITLE]</h1>
</div>

Answer 1

它使用一些模板引擎，并在输出到浏览器之前解析整个页面。在解析期间，这些方括号标签充当其他东西（取决于所使用的模板引擎）。

例如，[HASBREADCRUMBS]and[/HASBREADCRUMBS]可以表示一段类似于以下内容的代码：

if (breadcrumbs) {

和：

} // closed if

对于面包屑对象的每个值（无论它是什么），都会呈现一个有序的 HTML 列表，并将面包屑值作为其内容 ( [BREADCRUMBS])。

简而言之：它不是 HTML，文件的该部分永远不会到达浏览器，而是在渲染之前转换为正确的 HTML（基于条件，也可以使用循环等）。