Question

是否存在隐藏元素的“标准”或语义首选方法？两个简单的选项是使用PHP：

<?
if ( $_URL == "/page/" ){
?>
<div id="page">
  <div class="hide-or-show">
    stuff
  </div>
</div>
<?
}
<?

或使用css：

<css>
.hide .hide-or-show {
  display:none;
}
</css>

<div id="page" class="<? if ( $_URL == "/page/" ) print "hide"; ?>">
  <div class="hide-or-show">
    stuff
  </div>
</div>

两种方法都会从查看器中删除该元素。 php方法会发送更少的代码。 css方法看起来更干净（假设您删除的不仅仅是一个元素）。

一种方法比另一种更“正确”吗？或者它只是程序员的偏好？

Answer 1

这取决于您的需求。一般来说，我会说如果页面上从不需要它（即，它不是基于任何参数或用户动作动态显示/隐藏），那么根本不发送它。对我来说，动态生成其他代码的代码中最干净的输出（这是PHP用HTML做的）没有任何必要的包含。

Answer 2

这里使用css是隐藏数据的最好方法，因为它会在客户端机器上执行，每次使用php时总是更好，我们必须向服务器发出请求，这也是更好的方法，但总是客户端执行是最好的高效的方式。

所以只需使用css而不是编写php脚本

Answer 3

第一种方法更好。您不会向客户端发送不必要的代码，从而使您的代码表现更好。只有在需要显示元素时，才能通过css隐藏。

Answer 4

如果您以后需要数据/元素，例如您计划使用JavaScript来显示它：

CSS是一种可接受的解决方案，您可以使用Javascript轻松更改类。

如果您以后不需要：

通过PHP“隐藏”很好，因为技术上它不会在HTML中呈现。

用php或css隐藏元素？

4 个答案: