页面加载出现borderbutton报错，如何在PHP echo中使用HTML/CSS代码

错误原因 #

你遇到的报错是引号嵌套冲突导致的PHP语法错误：echo外层使用双引号包裹输出内容时，HTML属性中的双引号会被PHP识别为字符串结束标记，导致代码解析失败，后续样式加载异常进而触发borderbutton相关报错。

是否需要改用include引入独立页面 #

如果这段用户状态导航条代码会在多个页面复用，抽成独立公共文件用include引入是更优的方案，后续修改只需要调整一处即可全局生效。如果仅在当前页面使用，直接用echo或者PHP混写HTML完全可以实现需求，不需要额外拆分文件。

修复方法 #

下面提供三种可行的修复方案，优先推荐第三种：

方案1：转义echo内部的双引号 #

在HTML属性的双引号前加反斜杠\转义，避免PHP识别为字符串结束符：

echo "<button class=\"borderbutton\" id=\"signupbutton\" title=\"Press to go to profile page\" onclick=\"location.href='profile.php'\">Profile</button>";
echo "<button class=\"borderbutton\" id=\"loginbutton\" title=\"Press to logout\" onclick=\"location.href='includes/logout-inc.php'\">Log out</button>";

方案2：echo外层改用单引号包裹 #

将echo的外层引号换成单引号，内部HTML的双引号不需要转义，仅需要转义HTML中嵌套的单引号：

echo '<button class="borderbutton" id="signupbutton" title="Press to go to profile page" onclick="location.href=\'profile.php\'">Profile</button>';
echo '<button class="borderbutton" id="loginbutton" title="Press to logout" onclick="location.href=\'includes/logout-inc.php\'">Log out</button>';

方案3：PHP混写HTML（最推荐） #

直接跳出PHP解析逻辑写原生HTML，不需要处理任何引号转义，可读性和可维护性最高，你可以直接替换掉原有PHP逻辑段：

<?php if (isset($_SESSION["useruid"])): ?>
  <button class="borderbutton" id="signupbutton" title="Press to go to profile page" onclick="location.href='profile.php'">Profile</button>
  <button class="borderbutton" id="loginbutton" title="Press to logout" onclick="location.href='includes/logout-inc.php'">Log out</button>
<?php else: ?>
  <button class="borderbutton" id="signupbutton" title="Press to sign up" onclick="location.href='signup.php'">Sign up</button>
  <button class="borderbutton" id="loginbutton" title="Press to login" onclick="location.href='login.php'">Login</button>
<?php endif; ?>

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