如何正确将PHP变量值传递给HTML并解决代码格式不生效问题

现有代码的核心错误 #

• 变量执行顺序错误：PHP代码从上到下逐行执行，你在为$html赋值时，$val还未被定义，此时引用的$val是空值，根本无法拿到后续赋值的5
• 单引号字符串规则误用：你用单引号作为$html的字符串定界符，代码里<img src="'位置的单引号会直接把外层字符串截断闭合，后面的$val、.svg"内容会被当成独立的PHP语法块，直接触发解析错误；同时PHP的单引号字符串本身就不会自动解析内部的变量，即使没有截断，直接把变量写在单引号里也拿不到变量的值
• 字符串拼接逻辑断裂：当前写法没有在固定文本和变量之间加PHP的字符串连接符.，即使解决了截断问题，也无法把变量值正确拼接到HTML内容里

可直接运行的正确写法 #

写法1：双引号字符串自动解析变量（最简便） #

双引号包裹的字符串会自动识别内部的PHP变量，用大括号包裹变量可以避免变量和后续内容粘连导致的解析错误：

<?php
// 先定义变量，再生成HTML内容
$val = 5;
$html = "
<img src='{$val}.svg' alt='15'>
";
?>

写法2：单引号搭配字符串拼接（性能稍优） #

如果习惯使用单引号包裹字符串，需要用PHP的字符串连接符.，把固定文本和变量片段手动拼接起来：

<?php
$val = 5;
$html = '
<img src="' . $val . '.svg" alt="15">
';
?>

注意事项 #

• 所有需要引用的变量，必须在引用它的代码行之前完成定义，否则会触发未定义变量警告，拿到空值
• 单引号字符串不会解析普通变量，仅会识别\\和\'两个转义字符，拼接动态内容时需要手动加连接符
• 当变量后紧邻连续的字母/数字内容时，尽量用{}把变量包裹在字符串内，避免PHP把连续字符和变量名整体识别为一个新变量导致取值错误

内容的提问来源于stack exchange，提问作者Hamdi