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]和[/HASBREADCRUMBS]可以表示可能类似于以下内容的代码：

if (breadcrumbs) {

和：

} // closed if

并且对于breadcrumbs对象的每个值（无论它是什么），将使用breadcrumb值作为其内容（[BREADCRUMBS]）呈现一个有序的HTML列表。

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

Answer 2

方括号与HTML无关。它们可能属于模板，将被模板引擎中的实际值替换。

方括号在html中意味着什么？

2 个答案: