如何在HTML中使用PHP

在本文中,我将向您展示如何在HTML页面中使用PHP代码。 它针对试图加强对世界上最流行的服务器端脚本语言的了解的PHP初学者。

同样,PHP是一种服务器端脚本语言。 这意味着将在服务器上执行PHP脚本,在服务器上构建输出,然后将结果作为HTML发送到客户端浏览器进行渲染。 在脚本中混合使用PHP和HTML是很自然的,但是作为一个初学者,要知道如何将PHP代码与HTML代码结合起来是很棘手的。

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

组合PHP和HTML的不同方法

广义地说,在HTML中使用PHP时,有两种不同的方法。 首先是将PHP代码本身以.html扩展名嵌入HTML文件中-这需要特殊考虑,我们将在稍后讨论。 另一种方法是首选方法,是将.php文件中的PHP和HTML标记组合在一起。

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

<!DOCTYPE html>
<html>
  <head>
    <title>Embed PHP in a .html File</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>
    <title>How to put PHP in HTML - Simple Example</title>
  </head>
  <body>
    <h1><?php echo "This message is from server side." ?></h1>
  </body>
</html>

上例中重要的是PHP代码由PHP标记包装。

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

示例输出

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

页面源代码

如您所见,PHP代码是在服务器端解析并执行的,在将页面发送到客户端浏览器之前,它已与HTML合并。

让我们看另一个例子:

<!DOCTYPE html>
<html>
  <head>
    <title>How to put PHP in HTML- Date Example</title>
  </head>
  <body>
    <div>This is pure HTML message.</div>
    <div>Next, we’ll display today’s date and day by PHP!</div>
    <div>
        Today’s date is <b><?php echo date('Y/m/d') ?></b> and it’s a <b><?php echo date(‘l’) ?></b> today!
    </div>
<div>Again, this is static HTML content.</div>
  </body>
</html>

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>How to put PHP in HTML- Date Example</title>
  </head>
  <body>
    <div>This is pure HTML message.</div>
    <div>Next, we’ll display today’s date and day by PHP!</div>
    <div>
        <?php
            echo 'Today’s date is <b>' . date('Y/m/d') . '</b> and it’s a <b>'.date('l').'</b> today!';
        ?>
    </div>
<div>Again, this is static HTML content.</div>
  </body>
</html>

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

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

PHP代码的文本输出

这带来了另一个问题:哪种方法最好? 您应该使用串联功能还是在HTML标签之间插入单独的PHP标签? 我要说的是,这确实取决于-没有严格的规则强迫您使用这些方法之一。 我个人认为,与串联方法相比,占位符方法更具可读性。

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

<!DOCTYPE html>
<html>
  <head>
    <title>...</title>
  </head>
  
  <body>
    HTML...
    <?php PHP code ... ?>
    HTML...
    <?php PHP code ... ?>
    HTML...  
  </body>
</html>

在下一节中,我们将看到如何在HTML中使用PHP循环。

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

遍历数组以产生HTML内容是编写PHP脚本时将遇到的最常见任务之一。 在本节中,我们将看到如何遍历一系列项并生成输出。

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

继续创建具有以下内容的PHP文件。

<!DOCTYPE html>
<html>
  <head>
    <title>How to put PHP in HTML - foreach Example</title>
  </head>
  <body>
    <?php
        $employees = array(‘John’, ‘Michelle’, ‘Mari’, ‘Luke’, ‘Nellie’);
    ?>
    <h1>List of Employees</h1>
    <ul>
    <?php foreach ($employees as $employee) { ?>
        <li><?php echo $employee ?></li>
    <?php }  ?>
    </ul>
  </body>
</html>

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

输出应如下所示:

输出显示员工列表

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

<!DOCTYPE html>
<html>
  <head>
    <title>How to put PHP in HTML - foreach Example</title>
  </head>
  <body>
    <?php
        $employees = array(‘John’, ‘Michelle’, ‘Mari’, ‘Luke’, ‘Nellie’);
        $total = count($employees);
    ?>
    <h1>List of Employees</h1>
    <ul>
<?php
    $i = 0;
?>
    <?php while ($i < $total) { ?>
        <li><?php echo $employees[$i] ?></li>
        <?php  ++$i ?>
    <?php }  ?>
    </ul>
  </body>
</html>

和输出将是相同的。 这样便可以使用foreachwhile循环来基于PHP数组生成HTML内容。

在下一节和最后一节中,我们将介绍如何使用PHP短标签语法。

如何使用PHP短标签

在到目前为止我们讨论的示例中,我们将<?php用作开始标记。 实际上,PHP带有一个<?=变体,当您要显示字符串或变量值时,可以将其用作速记语法。

让我们使用前面讨论的速记语法来修改示例。

<!DOCTYPE html>
<html>
  <head>
    <title>How to put PHP in HTML - Simple Example</title>
  </head>
  <body>
    <h1><?= "This message is from server side." ?></h1>
  </body>
</html>

如您所见,在使用速记语法显示值时,我们可以省略echoprint结构。 当您要显示带有echoprint时,速记语法简短易读。

因此,这些是可用于在HTML内容中添加PHP的不同方法。 作为初学者,您可以尝试不同的做事方法,这很有趣!

结论

今天,我们讨论了如何混合使用PHP和HTML来创建动态HTML。 我们通过一些示例讨论了不同的方法,以查看事物的工作方式。

随时使用下面的提要来询问您是否有任何疑问,我们将很乐意为您解答!

探索在CodeCanyon上创建的数千个最佳PHP脚本 。 通过一次性支付,您可以购买这些高质量的PHP脚本之一,并为您和您的访客改善网站体验。

翻译自: https://code.tutsplus.com/tutorials/how-to-use-php-in-html-code--cms-34378

  • 21
    点赞
  • 99
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML ,本身是没有直接读取配置文件的功能的。HTML 是一种用于构建网页结构的标记语言,它通常与其他技术一起使用,如 JavaScript 和服务器端编程语言。如果你想在 HTML 读取配置文件,可以通过以下步骤实现: 1. 使用 JavaScript:在 HTML 页面嵌入 JavaScript 代码,通过 JavaScript 来读取配置文件。你可以使用 XMLHttpRequest 对象或 Fetch API 来异步加载配置文件,并将其内容解析为 JavaScript 对象进行使用。 例如,使用 XMLHttpRequest 的示例代码如下: ```html <script> var xhr = new XMLHttpRequest(); xhr.open("GET", "config.json", true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var config = JSON.parse(xhr.responseText); // 在这里可以使用 config 对象的配置信息 } }; xhr.send(); </script> ``` 2. 在服务器端处理:如果你的配置文件是由服务器端生成或存储的,你可以使用服务器端编程语言(如 PHPPython、Node.js 等)来读取配置文件,并将配置信息通过动态生成的 HTML 页面传递给客户端。 例如,在使用 PHP 的情况下,你可以创建一个包含配置信息的数组,并将其转换为 JSON 格式后输出到 HTML 页面: ```php <?php $config = array( "key1" => "value1", "key2" => "value2", // 其他配置项 ); $configJson = json_encode($config); ?> <script> var config = <?php echo $configJson; ?>; // 在这里可以使用 config 对象的配置信息 </script> ``` 需要注意的是,上述方法仅适用于静态配置文件的读取。如果你的配置信息需要在页面加载后动态更新,或者涉及到用户输入等情况,可能需要更复杂的实现方式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值