本文讲解如何正确使用 php 的 foreach 循环遍历多维数组，将每个元素的 title、description 和 link 动态插入 html 模板中，避免重复输出静态字符串的问题。
在 PHP 中，若想从一个包含多个文章信息的数组（如 $articles）中逐个提取 title、description 和 link 并渲染到 HTML 结构中，不能预先拼接含固定变量的字符串再循环输出——否则所有项都会显示相同内容（如示例中 $str 始终使用初始 $title = 'Paragraph of text'，导致三次输出完全一致）。
正确做法是：在循环体内动态获取当前元素的字段值，并实时嵌入 HTML 片段。以下是优化后的完整实现：
<?php
$articles = [
[
"title" => "Featured title 1",
"description" => "Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.",
"link" => "page1.php",
],
[
"title" => "Featured title 2",
"description" => "Another compelling summary for the second feature.",
"link" => "page2.php",
],
[
"title" => "Featured title 3",
"description" => "A concise yet informative description for the third item.",
"link" => "page3.php",
],
];
// ✅ 正确：在 foreach 内部动态提取并插入数据
foreach ($articles as $article) {
echo '<div class="feature col">
<div class="feature-icon bg-primary bg-gradient">
<svg class="bi" width="1em" height="1em"><use xlink:href="#collection"></use></svg>
</div>
<h2>' . htmlspecialchars($article['title']) . '</h2>
<p>' . htmlspecialchars($article['description']) . '</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/2314" title="公文宝"><img
src="https://img.php.cn/upload/ai_manual/001/246/273/175825215847133.png" alt="公文宝" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/2314" title="公文宝">公文宝</a>
<p>AI公文写作神器，一键生成合规材料</p>
</div>
<a href="/ai/2314" title="公文宝" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<a href="' . htmlspecialchars($article['link']) . '" class="icon-link">
Call to action
<svg class="bi" width="1em" height="1em"><use xlink:href="#chevron-right"></use></svg>
</a>
</div>';
}
?>关键要点说明：
- 变量作用域问题：原代码中 $title = $var['title'] 存在变量名错误（应为 $v['title']），且 $str 在循环外定义，无法自动更新内部变量。
- 安全建议：使用 htmlspecialchars() 对输出内容进行转义，防止 XSS 攻击，尤其当标题或描述可能含用户输入时。
- 可维护性提升：若结构复杂，可封装为函数或采用模板方式（如 sprintf 或 ob_start()），但对简单场景，内联拼接更直观高效。
- 注意引号嵌套：PHP 中双引号字符串支持变量解析，但此处推荐单引号 + 显式拼接，语义更清晰、不易出错。
通过这种方式，每轮循环都会真实读取当前 $article 的 title、description 和 link，确保三组 HTML 块分别展示不同内容，真正实现数据驱动的动态渲染。
立即学习“PHP免费学习笔记（深入）”；
