如何在不使用JavaScript的HTML/HTML5中实现条件标签渲染？

Hey there! Let's clear up the confusion here: plain HTML doesn't have built-in conditional logic—it's just a markup language for defining page structure, not a programming language with decision-making capabilities. That's why your custom <IF> and <ENDIF> tags aren't working—browsers don't recognize them at all.

But don't worry, there are ways to achieve what you want without using JavaScript, as long as you use a server-side templating engine or static site generator to process the logic before sending the HTML to the browser. Here are your best options:

1. Server-Side Templating (Recommended) #

If you're generating HTML on the server (common in web apps using Java, Python, PHP, etc.), use your platform's templating syntax to handle the condition. Here are examples for popular engines:

Thymeleaf (Java) #

<html>
<body>
  <table>
    <!-- Only renders the row if ${mobile} is not null -->
    <tr th:if="${mobile} != null">
      <td>Mobile</td>
      <td th:text="${mobile}"></td>
    </tr>
  </table>
</body>
</html>

Jinja2 (Python/Flask/Django) #

<html>
<body>
  <table>
    {% if mobile %}
    <tr>
      <td>Mobile</td>
      <td>{{ mobile }}</td>
    </tr>
    {% endif %}
  </table>
</body>
</html>

PHP #

<html>
<body>
  <table>
    <?php if (!empty($mobile)): ?>
    <tr>
      <td>Mobile</td>
      <td><?= $mobile ?></td>
    </tr>
    <?php endif; ?>
  </table>
</body>
</html>

All these solutions process the condition on the server, so the browser only gets the final HTML (either with or without the table row)—no JavaScript needed.

2. Static Site Generators (For Static HTML) #

If you need pure static HTML (no server-side processing at runtime), use a static site generator like Eleventy, Hugo, or Jekyll to preprocess the condition during your build step. For example, with Eleventy's Nunjucks templates:

<html>
<body>
  <table>
    {% if mobile %}
    <tr>
      <td>Mobile</td>
      <td>{{ mobile }}</td>
    </tr>
    {% endif %}
  </table>
</body>
</html>

When you build your site, the generator will output a static HTML file with the row included only if mobile exists—no client-side JS required.

Important Note #

There's no way to do this with raw, unprocessed static HTML alone. HTML doesn't support conditional logic natively, so you need some kind of preprocessing or server-side rendering to make this work without JavaScript.

内容的提问来源于stack exchange，提问作者pavan kumar