本文讲解如何正确使用 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 artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill12827" title="Contact Form 7 WordPress Form Builder and Mail Integration"><img
src="https://img.php.cn/upload/skill/001/246/273/6adaf20d3191a227.jpg" alt="Contact Form 7 WordPress Form Builder and Mail Integration" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill12827" title="Contact Form 7 WordPress Form Builder and Mail Integration" class="overflowclass">Contact Form 7 WordPress Form Builder and Mail Integration</a>
<p class="overflowclass">Contact Form 7 是 Rock Lobster Inc. 公司长期运行的 WordPress 表单插件，拥有超过 1000 万次活跃安装，并在 contactform7.com 提供官方文档。此技能适用于需要了解网站表单、邮件模板、验证行为和 shortcode 位置在 Contact Form 7 中实际处理方式的代理。</p>
</div>
<a rel="nofollow" href="/xiazai/skill12827" title="Contact Form 7 WordPress Form Builder and Mail Integration" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<a href="'%20.%20htmlspecialchars(%24article['link'])%20.%20'" 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免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
