html中的方括号是啥意思？

Posted 2023-04-18

【中文标题】html中的方括号是啥意思？

【英文标题】：What do square brackets mean in html?html中的方括号是什么意思？

【发布时间】：2014-09-05 18:43:57

【问题描述】：

我现在正在协助一个项目并第一次构建模板，试图围绕一些事情展开我的头脑，但 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>

【问题讨论】：

它们没有任何意义。你用的是什么模板系统？

那不是 HTML。这是外部工具的占位符形式。

如果项目使用任何类型的前端模板，可能有人将模板配置为使用[] 而不是（相当标准的）

【参考方案1】：

它使用了一些模板引擎，整个页面在输出到浏览器之前被解析。在解析过程中，这些方括号标签作为其他东西工作（取决于使用的模板引擎）。

因此，例如，[HASBREADCRUMBS] 和 [/HASBREADCRUMBS] 可以表示一段代码，可能类似于：

if (breadcrumbs) 

和：

 // closed if

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

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

【参考方案2】：

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