• 日常搜索
  • 端口查询
  • IP查询
  • 在线工具
  • 搜本站

如何在 HTML 中使用 PHP

在本文中,我将向您展示如何在 HTML 页面中使用 PHP 代码。PHP 是一种服务器端脚本语言。这意味着 PHP 脚本在服务器上执行,输出在服务器上构建,结果以 HTML 形式发送到客户端浏览器进行渲染。在脚本中混合 PHP 和 HTML 是很自然的事情,但作为初学者,了解如何将 PHP 代码与 HTML 代码结合起来是很棘手的。

如何在 HTML 中使用 PHP  第1张

今天,我们将讨论当您想在 HTML 中使用 PHP 时可以选择的几种不同方法。我假设您已经安装了可正常运行的 PHP,以便可以运行本文中提供的示例。

结合 PHP 和 HTML 的不同方法

一般来说,在 HTML 中使用 PHP 时,有两种不同的方法。第一种是将 PHP 代码嵌入到 HTML 文件本身中( 扩展名为.html)  ——这需要特殊考虑,我们稍后会讨论。另一种选择(首选方法)是在.php文件中组合 PHP 和 HTML 标签  。

由于PHP是一种服务器端脚本语言,代码在服务器端解释和运行。例如,如果您在 index.html 文件中添加以下代码,它不会立即运行。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>将PHP嵌入.html文件</title>
</head>
<body>
<h1> <?php  echo  "Hello World"  ?> </h1>
</body>
</html>

首先,如果您以前没有见过这种混合 PHP 和 HTML 代码,请不要担心,因为我们将在本文中详细讨论它。上面的示例在浏览器中输出以下内容:

<?php echo "Hello World" ?>或是空白页面。

正如您所看到的,默认情况下,  .html 文档中的 PHP 标签不会被检测到,它们只是被视为纯文本,无需解析即可输出。

这是因为服务器通常配置为仅针对 扩展名为.php 的文件运行 PHP  。

如果您想将 HTML 文件作为 PHP 运行,您可以告诉服务器将 .html 文件作为 PHP 文件运行,但最好将混合的 PHP 和 HTML 代码放入具有 .php 扩展名的文件中。

如何在 HTML 页面中添加 PHP 标签

当涉及到将 PHP 代码与 HTML 内容集成时,您需要使用 PHP 开始标记 <?php 和 PHP 结束标记 将 PHP 代码括起来?>。包裹在这两个标签之间的代码被认为是 PHP 代码,因此在将请求的文件发送到客户端浏览器之前,它将在服务器端执行。

让我们看一个非常简单的示例,它使用 PHP 代码显示一条消息。 在文档根目录下创建 包含以下内容的index.php文件。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何在PHP放入HTML - 简单示例</title>
</head>
<body>
<h1> <?php  echo  "此消息来自服务器端。"  ?> </h1>
</body>
</html>

面示例中重要的是 PHP 代码是由 PHP 标签包装的。

上面示例的输出如下所示:

如何在 HTML 中使用 PHP  第2张

而且,如果您查看页面源代码,它应该如下所示:

如何在 HTML 中使用 PHP  第3张

正如您所看到的,PHP 代码在服务器端进行解析和执行,并在页面发送到客户端浏览器之前与 HTML 合并。

让我们看另一个例子:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何将PHP放入HTML - 日期示例</title>
</body>
</html>
<div>这是纯 HTML 消息。</div>
<div>接下来,我们将通过 PHP 显示今天的日期和星期!</div>
<div>
今天的日期是<b> <?php  echo  date ( 'Y/m/d' )  ?> </b>,今天是<b> <?php  echo  date ( ' l ' )  ?> </b>!
</div>
<div>同样,这是静态 HTML 内容。</div>
</body>
</html>

这将输出当前日期和时间,因此您可以在 HTML 标记之间使用 PHP 代码从服务器生成动态输出。重要的是要记住,每当页面在服务器端执行时,<?php 和 标记之间的所有代码 ?> 都将被解释为 PHP,并且输出将嵌入 HTML 标记。

事实上,还有另一种方法可以编写上面的示例,如以下代码片段所示。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何将PHP放入HTML - 日期示例</title>
</head>
<body>
<div>这是纯 HTML 消息。</div>
<div>接下来,我们将通过 PHP 显示今天的日期和星期!</div>
<div>
<?php
echo '今天是 <b>' . date('Y/m/d') . '</b> 今天是 <b>'.date('l').'</b> !';
?>
</div>
<div>同样,这是静态 HTML 内容。</div>
</body>
</html>

在上面的示例中,我们使用了 PHP 的串联功能,该功能允许您将不同的字符串连接成一个字符串。最后,我们使用该 echo 构造来显示连接的字符串。

无论您使用哪种方法,输出都是相同的,如以下屏幕截图所示。

如何在 HTML 中使用 PHP  第4张

哪一个是最好的方法?

您应该使用串联功能还是在 HTML 标记之间插入单独的 PHP 标记?我想说这没有严格的规则强迫您使用其中一种方法。就我个人而言,我觉得占位符方法相对于串联方法更具可读性。

结合 HTML 和 PHP 代码的 PHP 页面的整体结构应该如下所示:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
HTML...
<?php PHP 代码...?>
HTML...
<?php PHP 代码...?>
HTML...  
</body>
</html>

在下一节中,我们将了解如何将 PHP 循环与 HTML 结合使用。

如何在 HTML 页面中使用 PHP 循环

迭代数组以生成 HTML 内容是编写 PHP 脚本时最常见的任务之一。在本节中,我们将了解如何迭代项目数组并生成输出。

在大多数情况下,您需要显示从数据库或其他一些源填充的数组内容。在此示例中,为了简单起见,我们将在脚本本身的开头使用不同的值初始化数组。

继续创建一个包含以下内容的 PHP 文件。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何将PHP放入HTML - foreach 示例</title>
</head>
<body>
<?php
$employees  =  array ( '张三' ,  '李四' ,  '老吴' ,  '搭建' ,  '教程' );
?>
<h1>员工名单</h1>
<ul>
<?php  foreach  ( $employees  as  $employee )  {  ?>
<li> <?php  echo  $employee  ?> </li>
<?php  }   ?>
</ul>
</body>
</html>

首先,我们在脚本的开头初始化了数组。接下来,我们使用该 foreach 构造来迭代数组值。最后,我们使用该 echo 构造来显示数组元素值。

输出应该如下所示:

如何在 HTML 中使用 PHP  第5张

具有循环的相同示例 while 如下所示

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何将PHP放入HTML - foreach 示例</title>
</head>
<body>
<?php
$employees  =  array ( '张三' ,  '李四' ,  '老吴' ,  '搭建' ,  '教程' );
$total = count($employees);
?>
<h1>员工名单</h1>
<ul>
<?php
$i  =  0 ;
?>
<?php  while  ( $i  <  $total )  {  ?>
<li> <?php  echo  $employees [ $i ]  ?> </li>
<?php   ++ $i  ?>
<?php  }   ?>
</ul>
</body>
</html>

并且输出将是相同的。这就是如何使用 foreach and while 循环基于 PHP 数组生成 HTML 内容。

在下一节中,我们将了解如何使用 PHP 短标记语法。

如何使用 PHP 短标签

在我们到目前为止讨论的示例中,我们 <?php 到处都使用了作为起始标记。事实上,PHP 附带了一个变体, <?=当您想要显示字符串或变量值时,您可以将其用作简写语法。

让我们使用之前讨论过的简写语法来修改该示例。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何将PHP放入HTML - 简单示例</title>
</head>
<body>
<h1> <?="此消息来自服务器端。"  ?> </h1>
</body>
</html>

正如您所看到的,我们可以  在使用简写语法显示值时省略echo or 构造。print当您想用 echo 或 显示某些内容时,速记语法简短且可读print

因此,您可以使用这些不同的方法在 HTML 内容中添加 PHP。作为初学者,您可以通过尝试不同的方法来学习,而且也很有趣!

包含来自不同文件的代码

在很多情况下,您需要在网站的多个页面上使用相同的代码。网站的页眉和页脚部分就是这样的一个例子。这些部分通常在整个网站中包含相同的 HTML。

可以将其想象为将网站的常见 CSS 规则移至样式表中,而不是将它们放置在 style 各个页面的标签内。

PHP 中有四个函数可帮助您在 PHP 文件中包含其他文件。这些是 include()、  include_once()、 require()和 require_once()

include()函数将包含并评估指定的文件,如果找不到该文件,则会向您发出警告。该 require() 函数执行相同的操作,但如果找不到文件,它会给出错误而不是警告。

在处理大型项目时,您可能会无意中多次包含同一个文件。这可能会导致函数重新定义等问题。避免这些问题的一种方法是使用 PHP 中的include_once() 和 require_once() 函数。

让我们使用上一节中的代码来向您展示如何使用这些函数。我将 include() 在这个例子中使用。

创建一个名为header.php的文件  并将以下代码放入其中。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何将PHP放入HTML - 简单示例</title>
</head>
<body>
<div>这是纯 HTML 消息。</div>
<div>接下来,我们将使用 PHP 显示今天的日期和星期!</div>

创建另一个名为 date.php的文件 并将以下代码放入其中。

<?php
include('header.php');
?>
<div>
<?php
echo '今天是 <b>'.date('l').'</b>!';
?>
</div>
</body>
</html>

在浏览器中打开 date.php 现在应该会显示以下输出。

如何在 HTML 中使用 PHP  第6张

正如您所看到的,我们放入header.php中的代码  已包含在我们的两个文件中。当您处理大量文件时,这使得 Web 开发变得更加容易。只需在一处进行更改,它们就会体现在各处。

结论

今天,我们讨论了如何混合 PHP 和 HTML 来创建动态 HTML。我们讨论了不同的方法,并通过一些示例来了解其工作原理,希望对小白的你有所帮助!

文章目录
  • 结合 PHP 和 HTML 的不同方法
  • 如何在 HTML 页面中添加 PHP 标签
  • 如何在 HTML 页面中使用 PHP 循环
  • 如何使用 PHP 短标签
  • 包含来自不同文件的代码
  • 结论
  • 发表评论