PHP如何输出 <pre> 标签并在前端显示内容

在PHP开发中，有时我们需要在前端页面中以特定格式展示代码或文本，这时 <pre> 标签就派上用场了。<pre> 标签的作用是保留文本中的空格、换行符等格式，使文本在浏览器中按照原始的排版方式显示。

我们要了解如何在PHP中输出HTML标签。在PHP代码中，可以直接使用 echo 语句来输出 <pre> 标签。例如：

<?php
echo '<pre>';
// 这里可以添加需要在 <pre> 标签内显示的内容
echo '</pre>';
?>

接下来，我们往 <pre> 标签内添加具体内容。如果要显示一段代码，比如一段简单的JavaScript代码，可以这样做：

<?php
echo '<pre>';
$jsCode = "function greet() {
    alert('Hello, World!');
}";
echo $jsCode;
echo '</pre>';
?>

在上述代码中，我们先定义了一个包含JavaScript代码的字符串变量 $jsCode，然后将其输出到 <pre> 标签内。这样，在浏览器中查看页面时，这段JavaScript代码就会按照原始的格式显示，保留了代码中的缩进和换行。

除了显示代码，<pre> 标签也常用于显示一些有特定格式的文本，比如日志信息。假设我们有一个日志文件，需要读取并显示其内容：

<?php
$logFile = 'example.log';
if (file_exists($logFile)) {
    $logContent = file_get_contents($logFile);
    echo '<pre>';
    echo $logContent;
    echo '</pre>';
} else {
    echo '日志文件不存在';
}
?>

这段代码首先检查日志文件是否存在，如果存在则读取文件内容，并将其输出到 <pre> 标签内，从而在前端页面以原始格式展示日志内容。

在使用 <pre> 标签时，还可以结合CSS样式来进一步美化显示效果。例如，可以设置字体、背景颜色等：

pre {
    font-family: monospace;
    background-color: #f8f9fa;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 3px;
}

通过上述方法，我们可以轻松地在PHP中输出 <pre> 标签，并在前端页面以理想的格式显示内容，无论是代码展示还是文本格式化都能很好地实现。