今天可以来学一下如何在 HTML 中使用 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 echo ’Hello World‘ ?>或是一个空白页面。
html中的PHP会被视为纯文本不能正确解释,
但是可以将HTML代码放入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 标签包裹的。
上面示例的输出如下所示:
而且,
如果您查看页面源代码,
它应该如下所示:
让我们看另一个例子:
<!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>
这样就会输出当前日期和时间,
<?php
和 标记之间的所有代码 ?>
将被解释为 PHP,
并输出。
以上代码也有另外一种写法,
如下:
<!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 代码的 PHP 网页,整体代码结构如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>标题</title> </head> <body> HTML... <?php PHP 代码...?> HTML... <?php PHP 代码...?> HTML... </body> </html>
在HTML中如何使用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打印结果
输出应该如下所示:
具有循环的相同示例 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>
如何使用 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
。
包含来自不同文件的代码
有时候咱们需要在多个页面上使用相同的代码,挨个添加不现实,这时候可以创建一个页眉和页脚,在页面中直接调用就行!
要用到 PHP 的四个函数: include()
、 include_once()
、 require()
和 require_once()
。
直接上代码,创建一个名为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则会出现下图这样:
正如您所看到的,我们放入header.php中的代码 已包含在我们的两个文件中。当您处理大量文件时,这使得 Web 开发变得更加容易。只需在一处进行更改,它们就会体现在各处。
结论
今天,我们讨论了如何混合 PHP 和 HTML 来创建动态 HTML。我们讨论了不同的方法,并通过一些示例来了解其工作原理,希望对小白的你有所帮助!
发表评论